/* 
----------------------------------------------------------------------
Stylesheet Guide
----------------------------------------------------------------------
1. Reset

2. Basic Elements
	- Clearfix
	- General Classes
	- Typography
	- Images
	- Dividers
	- Forms
	- Buttons

2. Header
	01. Top Header Line
	02. Middle Header Line
	03. Logo
	04. Bottom Header Line
		- Fixed to top menu
		- Main Navigation
		- Search

3. Social Icons
	- Team Social Icons

4. Content
	01. Owl Carousel
	02.	Blog
	03. Pricing tables
	04. Pagenavi
	05. Certain post
		- Certain post nav

	06. Team post
	07. Grid posts
	08. Parallax
	09. About page
		- Counter Box

	10. Corporate Style Extended
	11. Testimonials
	12. Respond
	13. Blog Popular posts
	14. Comments
	15. Sidebar
		- Widgets
		- Default Widgets
		- TagCloud
		- Popular Posts

	16. Widgets + Shortcodes
		- Tabs
		- Accordion, toggle
		- Notifications
		- List styles
		- Progress Bar
		- Social Icons
		- Shortcades Testimonials
		- Drop Caps
		- Youtube Video
		- Lightbox
		- Content boxes
		- Row-articles circles

	17. Services 
		- Main Services

	18. Side Gallery post
		- Side Gallery Post Nav
		- Relative Works

	19. Headers
	20. Classic Image slider
	21. Full width gallery post
	22. Portfolio
		- Portfolio Filter
		- Portfolio Items
		- Portfolio Single

	23. Map
	24. Contact
	25. Sly gallery
	26. Footer
		- Clients
		- Footer Widget
		- Bottom footer

	27. Other
		- Back Top
		- Loader
*/

/* ---------------------------------------------------------------------- */
/*	Reset
/* ---------------------------------------------------------------------- */
	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	/*font-weight:normal !important;*/
	
	/*  fix for mac os  */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display: block; }

*,
*:after,
*:before {
	margin: 0;
	padding: 0;
	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

ul { list-style: none outside;    }
ol { list-style-position: inside; }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
	outline: none;
	text-decoration: none;
    background: transparent;
	vertical-align: baseline;
}

a, a > * {
	text-decoration: none;
	color: #5a5a5a;
}

a:hover {
	color: #fff;
}

.not-ie a {
	-webkit-transition: color .35s ease-out;
			transition: color .35s ease-out;
}

img {
    border: 0;
	height: auto;
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
}

/* ---------------------------------------------------------------------- */
/*	Basic Elements
/* ---------------------------------------------------------------------- */

body {
	background-color: #424344;
	color: #969696;
	font-weight: 300;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	line-height: 1.65em;
	height: 100%;
	
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

	/* -------------------------------------------------- */
	/*	Clearfix
	/* -------------------------------------------------- */

	.clear {   
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		width: 0;
	}
	
	.clearfix:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	
	.separator { margin-bottom: 20px; }
	
	/* -------------------------------------------------- */
	/*	General Classes
	/* -------------------------------------------------- */
	
	.align-center { text-align: center; }
	.align-left	  { text-align: left; }
	.align-right  { text-align: right; }
	
	.alignleft  { float: left; }
	.alignright { float: right; }

	.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.hide		{ display: none;  }
	.show		{ display: block; }
	.invisible  { visibility: hidden; }
	.affix		{ position: fixed; }

	/* -------------------------------------------------- */
	/*	Typography
	/* -------------------------------------------------- */
	
	p {
		margin: 0 0 1.5em;
		padding: 0;
		line-height: 1.65em;
		font-weight: 400;
	}

	h1, h2, h3, h4, h5, h6 {    
		margin-bottom: 15px;
		color: #fff;
		font-family: 'Roboto', sans-serif;
		line-height: 1.3em;
		font-weight: normal;
	}
	
	h1 { font-size: 36px; }
	h2 { font-size: 24px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }

	::-moz-selection {
		background-color: rgba(255, 210, 0, 0.99);
		color: #000;
		text-shadow: none;
	}
	
	::-webkit-selection {
		background-color: rgba(255, 210, 0, 0.99);
		color: #000;
		text-shadow: none;
	}

	::selection {
		background-color: rgba(255, 210, 0, 0.99);
		color: #000;
		text-shadow: none;
	}
	
	.tooltip { color: #fff; }
	
	/* -------------------------------------------------- */
	/*	Images
	/* -------------------------------------------------- */
	
	.single-image {
		position: relative;
		display: block;
		margin: 0;
		cursor: pointer;
		font-size: 0;
		
		-webkit-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
				backface-visibility: hidden;
	}
	
		.single-image img { display: block; }
	
	/* -------------------------------------------------- */
	/*	Dividers
	/* -------------------------------------------------- */
	
        .divider {
			margin: 50px 12px;
			background-image: url(../images/dotted-line.png);
			background-position: 0 0;
			height: 5px;
			overflow: hidden;
		}
		
		.divider-type-2 { margin: 50px 0; }
	
	/* -------------------------------------------------- */
	/*	Forms
	/* -------------------------------------------------- */

	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		cursor: pointer;
		-webkit-appearance: button;
	}
	
	button::-moz-focus-inner,
	input::-moz-focus-inner {
		padding: 0;
		border: 0;
	}

	button,
	input,
	select,
	textarea {
		margin: 0;
		border: none;
		vertical-align: baseline;
		font-size: 100%;
	}
	
	button {
		display: inline-block;
		margin-bottom: 0;
		padding: 6px 13px;
		outline: none;
		background-color: transparent;
		color: #fff;
		vertical-align: baseline;
		text-align: center;
		text-decoration: none;
		font: 11px/1.5 Arial;
		cursor: pointer;
	}

	label { 
		display: inline-block; 
		cursor: pointer;
	}
	
	input,
	textarea,
	select,
	button {
	-webkit-transition: all .35s ease-out;
			transition: all .35s ease-out;
	}
	
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	textarea, select {
		display: inline-block;
		padding: 10px;
		width: 100%;
		outline: none;
		border-width: 1px;
		border-style: solid;
		border-color: transparent;
		background-color: #202223;
		color: #999;
		font-size: 12px;
		font-style: italic;
		font-family: 'Roboto', sans-serif;
		
		-webkit-border-radius: 0;
				border-radius: 0;
		-webkit-box-shadow: none;
				box-shadow: none;				
		-webkit-appearance: none;	
				appearance: none;	
	}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	textarea:focus,
	select:focus { border-color: #e74c3c; }
	
	textarea {
		resize: both;
		min-height: 180px;
		min-width: 100%;
		max-width: 100%;
	}

	input[type="radio"],
	input[type="checkbox"] {
		margin: 4px 0 0;
		line-height: normal;
	}

	input[type="image"],
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	input[type="radio"],
	input[type="checkbox"] { width: auto; }

	.wrong-data { border-color: #fe5214; }

	/* Fix for Mobile Safari */
	input[type="checkbox"]	{ -webkit-appearance: checkbox; }
	input[type="radio"]		{ -webkit-appearance: radio; }

	 Chrome, Safari 
	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder { color: #999; }

	 Firefox 
	input:-moz-placeholder,
	textarea:-moz-placeholder { color: #999; }
	
	/* -------------------------------------------------- */
	/*	Buttons
	/* -------------------------------------------------- */	

	.button {
		display: inline-block;
		margin-bottom: 15px;
		padding: 6px 14px;
		outline: none;
		border-width: 1px;
		border-style: solid;
		border-color: transparent;
		background-color: #e74c3c;
		color: #202223;
		vertical-align: baseline;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 12px;
		cursor: pointer;
		font-family: 'Roboto';

		-webkit-transition: background-color .35s ease-out;
				transition: background-color .35s ease-out;
	}
	
	.button.middle { 
		padding: 11px 23px;
		font-size: 15px;
		background-color: #e74c3c;
                
/*                -webkit-transition: background-color .35s ease-out;
				transition: background-color .35s ease-out;*/
	}
	
	.button.large {
		padding: 18px 30px;
		font-size: 19px;
                
/*                -webkit-transition: background-color .35s ease-out;
				transition: background-color .35s ease-out;*/
	}
	
	.button.default {
		-webkit-transition: background-color .35s ease-out;
				transition: background-color .35s ease-out;
	}

	.button.default:hover { 
		border-color: transparent;
		background-color: #1b1d1f; 
		color: #e74c3c;
	}
	
	.button.submit {
		margin-bottom: 20px;
		padding: 2px 20px;
		width: 100%;
	}
	
	.button.turquoise { 
		background-color: #1b1d1f; 
		color: #e74c3c;
		
		-webkit-transition: background-color .35s ease-out;
				transition: background-color .35s ease-out;
	}

	.button.turquoise:hover {
		background-color: #e74c3c;
		color: #000;
	}
	
	/*	Section  */
	.section {
		position: relative;
		padding: 80px 0;
	}
        
	.section-2 {
		position: relative;
		padding: 30px 0;
	}
	
	.section-3 {
		position: relative;
		padding-top: 125px;
		padding-bottom: 80px;
	}
	
	.section.bg-404 {
		background-image: url(../images/404.png);
		background-repeat: no-repeat;
		background-position: center center;
	}
        
        .padding-off { padding: 0; }
		.padding-top-off { padding-top: 0; }
		.padding-bottom-off { padding-bottom: 0;}
                
			.highlight {
				background-color: #e74c3c;
				color: #000;
				padding: 0 3px;
				text-shadow: none;
			}
        
/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

#header {
	position: relative;
	z-index: 4;
}
	
	#header.type-fixed {
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		
		transition: all .35s ease;
	}


	/* -------------------------------------------------- */
	/*	Top Header Line
	/* -------------------------------------------------- */

	.top-header-line {
		padding: 3px 0;
		background-color: #1b1d1f;
		text-align: right;
	}
	
		ul.contact-details li {
			display: inline-block;
			vertical-align: top;
			margin-left: 35px;
			color: #5a5a5a;
			font-weight: 500;
			font-size: 12px;

			-webkit-transition: color .35s ease-out;
					transition: color .35s ease-out;
		}

		ul.contact-details i { margin-right: 4px; }

	/* -------------------------------------------------- */
	/*	Middle Header Line
	/* -------------------------------------------------- */

	.middle-header-line {
		padding: 25px 0;
		background-color: #202223;
		
		-webkit-transition: background-color 1s ease, color 1s ease, height 1s ease, padding 1s ease, -webkit-transform 1s ease;
				transition: background-color 1s ease, color 1s ease, height 1s ease, padding 1s ease, transform 1s ease;
	}
	
	.shrink-middle-line .middle-header-line {
		padding: 0;
		
		-webkit-transition: padding .35s ease-out, height .35s ease-out;
				transition: padding .35s ease-out, height .35s ease-out;
	}
	
	.middle-header-line.transparent-bg { background-color: transparent; }
	
		.header-in {
			padding: 0;
			text-align: justify;
		}
		
		.not-ie .header-in { font: 0/0 a; }
		
		@media screen and (min-width: 0\0) {
			.not-ie .header-in {
				font-size: 14px;
			}
		}

		.header-in:after {
			display: inline-block;
			vertical-align: middle;
			width: 100%;
			content: "";
		}

		.contact-icons ul > li > a > i {
			-webkit-transition: color .35s ease-out;
					transition: color .35s ease-out;
		}
		
		.middle-header-line ul.contact-details li {
			text-align: right;
			font-family: 'Roboto', sans-serif;
			font-weight: 500;
			font-size: 14px;
			line-height: 1.2em;
		}

		.middle-header-line ul.contact-details li:first-child {
			display: block;
			font-size: 18px;
			text-transform: uppercase;
			font-family: 'Roboto', sans-serif;
		}

		.header-in .contact-details i {
			margin-right: 3px;
			
			-webkit-transition: color .35s ease-out;
					transition: color .35s ease-out;
		}

		.contact-icons a:hover i { color: #fff; }

		.header-in > * {
			display: inline-block;
			vertical-align: middle;	
		}

		/* -------------------------------------------------- */
		/*	Logo
		/* -------------------------------------------------- */
		
		#logo {
			font-family: 'Raleway', sans-serif;
			font-weight: 700;
			font-size: 36px;
			position: relative;
			margin-bottom: 0;
			
			-webkit-transform-origin: left;
					transform-origin: left;

			-webkit-transition: -webkit-transform .65s ease, font-size .45s ease;
					transition: transform .65s ease, font-size .45s ease;
		}
		
		#logo a img { display: block; }

			.transparent-bg #logo a { color: #fff; }

			.transparent-bg #logo a:after {
				position: absolute;
				right: 5px;
				top: 3px;
				width: 15px;
				height: 3px;
				background-color: #e74c3c;
				content: '';
			}
			
			.shrink-middle-line #logo { 
				-webkit-transform: scale(.8);
						transform: scale(.8);
			}
			
			.shrink-middle-line #logo a { color: #fff; }

		/* -------------------------------------------------- */
		/*	Bottom Header Line
		/* -------------------------------------------------- */

		.bottom-header-line { background-color: #2f3133; }
		
			/* -------------------------------------------------- */
			/*	Fixed to top menu
			/* -------------------------------------------------- */
                        
			.shrink-bottom-line .bottom-header-line   {
				background-color: #202223;
				opacity: .95;
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				z-index: 999;
			}

			.space {
				height: 0;

				-webkit-transition: height .65s ease, -webkit-transform .65s ease, padding .65s ease;
						transition: height .65s ease, transform .65s ease, padding .65s ease;
			}

			.shrink-middle-line .middle-header-line {
				background-color: #202223;
				opacity: .95;
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				
				-webkit-transition: background-color .45s ease, color .45s ease, height .45s ease, padding .45s ease, -webkit-transform .45s ease;
						transition: background-color .45s ease, color .45s ease, height .45s ease, padding .45s ease, transform .45s ease;
			}
			
			.shrink-middle-line .top-header-line { display: none; }

			/* -------------------------------------------------- */
			/*	Main Navigation
			/* -------------------------------------------------- */

			.nav-wrapper { text-align: justify; }

			.nav-wrapper {	font: 0px/0 a; }

			.nav-wrapper:after {
				display: inline-block;
				vertical-align: top;
				width: 100%;
				content: "";
			}

				.navigation {
					display: inline-block;
					vertical-align: middle;
					border-bottom-width: 0;
				}

					.navigation > ul > li {
						position: relative; 
						display: inline-block;

						-webkit-transition: background-color .35s ease-out;
								transition: background-color .35s ease-out;
					}

						.navigation > ul > li > a {
							display: block;
							padding: 20px 25px;
							text-transform: uppercase;
							font-size: 13px;
							line-height: 1em;
							color: #ddd;
							font-family: 'Lato', Arial, Helvetica;
							font-weight: 700;

							-webkit-transition: all .35s ease-out;
									transition: all .35s ease-out;
						}

						.transparent .navigation > ul > li > a,
						.transparent .navigation > ul > li > a:after { color: #fff; }

						.navigation > ul > li:hover > a {
							background-color: #e74c3c;
							color: #1b1d1f;
						}

						.active-nav { background-color: #e74c3c; }

							#navigation > ul > li > a.active-nav { color: #1b1d1f; }

							.navigation ul a:hover,
							.navigation ul .current-menu-item > a {
								background-color: #e74c3c;
								color: #1b1d1f;
							}

						/* Dropdown */

						.navigation ul ul {
							position: absolute;
							display: none;
							width: 200px;
							z-index: 999;

							background-color: #202223;
							background-color: rgba(32,34,35, .97);

							-webkit-transition: color .35s ease;
									transition: color .35s ease;
						}

						.navigation ul ul li { position: relative; }

							.navigation ul ul li a {
								display: block;
								padding: 10px 5px 10px 25px;
								color: #fff;
								font-size: 13px;
								font-family: 'Lato', sans-serif;
								font-weight: 700;
								line-height: 1.5em;
								text-align: left;
							}
							.ie8 .navigation ul ul li a { font-size: 12px; }

							.navigation ul ul .rightarrowclass > a:after {
								margin-left: 15px;
								color: #fff;
								font-size: 12px;
								font-family: 'fontello';
								content: '\e8b8';
								line-height: 1em;
							}	

							.navigation ul ul a:hover,
							.navigation ul ul .current-menu-item > a {
								background-color: #1b1d1f;
								color: #e74c3c;
							}

								.navigation ul ul ul {
									top: 0;
									left: 200px;
									background-color: #202223;
									background-color: rgba(32,34,35, .97);
								}

						/* Responsive Button */

						.responsive-nav-button {
							display: none;
							width: 40px;
							height: 40px;
							background-color: #202223;
							text-align: center;
							font-weight: normal;
							font-style: normal;
							font-size: 21px;
							font-family: 'fontello';
							line-height: 40px;
							vertical-align: middle;

							-webkit-border-radius: 6px;
									border-radius: 6px;
						}

						#sequence .responsive-nav-button { background-color: transparent; }

						.responsive-nav-button:after {
							content: "\ed38";
							color: #fff;
						}

						#wrapper {
							position: relative;
							overflow: hidden;
						}

							#mobile-menu { display: none; }

				/* -------------------------------------------------- */
				/*	Search
				/* -------------------------------------------------- */

				.search-wrapper {
					position: relative;
					overflow: hidden;
					float: right;
					padding-left: 0;
					padding-right: 40px;
					padding-top: 9px;
					width: 0;
					margin: 0;

					-webkit-box-sizing: border-box;
					   -moz-box-sizing: border-box;
							box-sizing: border-box;

					-webkit-backface-visibility: hidden;/*Fix for chrome*/
					-webkit-transform: translateX(0);/*Fix for chrome*/
				}

				.safari.scribble .search-wrapper { -webkit-border-image: none; }

				.fixed#header .search-wrapper { display: none; }

					.search-wrapper p { margin: 0; }

						.search-wrapper input[type="text"] {
							padding: 8px 3px;
							font-size: 12px;
						}

						.search-wrapper .submit-search {
							position: absolute;
							z-index: 3;
							opacity: .99;
							top: 0;
							right: 0;
							margin: 0;
							padding: 0;
							width: 40px;
							height: 45px;
							font: 0/0 a;
							border: none;
							background-color: #2f3133;

							-webkit-transition: color .35s ease-out;
									transition: color .35s ease-out;
						}

						.shrink-bottom-line .search-wrapper .submit-search { background-color: transparent; }

						.search-wrapper .submit-search:after {
							position: absolute;
							top: 0;
							right: 0;
							z-index: 4;
							width: 30px;
							height: 30px;
							color: #696969;
							content: "\e825";
							font-size: 23px;
							font-family: 'fontello';
							line-height: 50px;
							text-align: center;

							-webkit-transition: color .35s ease-out;
									transition: color .35s ease-out;
						}

						.ie7 .search-wrapper .submit-search:after,
						.ie8 .search-wrapper .submit-search:after { 
							top: 25px; 
							line-height: 0;  
						}

						.search-wrapper .submit-search:hover:after		  { color: #e74c3c; }

						.search-wrapper .submit-search.active:after		  { color: #696969; }
						.search-wrapper .submit-search.active:hover:after { color: #e74c3c; }

	/* -------------------------------------------------- */
	/*	Social Icons
	/* -------------------------------------------------- */	

	.social-icons { font-size: 0; }

	.top-header-line .social-icons { float: right; }

		.social-icons li {
			display: inline-block; 
			margin: 5px 5px 0 0;
			vertical-align: top;
			position: relative;
		}
		
		.social-icons li:after {
			position: absolute;
			display: block;
			width: 45px;
			height: 45px;
			content: "";
			opacity: 0;
			text-align: center;
			top: 0;
			left: 0;
			z-index: 0;

			-webkit-transition: -webkit-transform .3s ease, background-color .35s, opacity .25s ease;
					transition: transform .3s ease, background-color .35s, opacity .25s ease;
			-webkit-transform: scale(0);		
					transform: scale(0);
			-webkit-border-radius: 50%;
					border-radius: 50%;
		}
		
		.social-icons li:hover:after {
			opacity: 1;
			
			-webkit-transform: scale(1);
					transform: scale(1);
		}
		
			div.social-icons li a { 
				border-color: transparent;
				width: 36px;
				height: 36px;
			}
			
				div.social-icons li:after {
					position: absolute;
					display: block;
					width: 36px;
					height: 36px;
					content: "";
					opacity: 0;
					text-align: center;
					top: 0;
					left: 0;
					z-index: 0;

					-webkit-transition: -webkit-transform .3s ease, background-color .35s, opacity .25s ease;
							transition: transform .3s ease, background-color .35s, opacity .25s ease;
					-webkit-transform: scale(0);		
							transform: scale(0);
					-webkit-border-radius: 50%;
							border-radius: 50%;
				}
				
				div.social-icons li:hover:after {
					opacity: 1;
					
					-webkit-transform: scale(1);
							transform: scale(1);
				}
				
				div.social-icons li.twitter:hover:after		{ background-color: #47c0d8 }
				div.social-icons li.facebook:hover:after	{ background-color: #49699f; }
				div.social-icons li.linkedin:hover:after	{ background-color: #2c7cb7; }
				div.social-icons li.pinterest:hover:after	{ background-color: #c21c21; }
				div.social-icons li.rss:hover:after         { background-color: #fe9900; }
				div.social-icons li.flickr:hover:after		{ background-color: #e82c88; }
				
				.social-icons li a:hover { border-color: transparent; }	
		
		div.circle-icons li { margin: 0 2px; position: relative; }

		.circle-icons li a {
			display: block;
			width: 45px;
			height: 45px;
			border: 3px solid #454748;
			border: 3px solid rgba(207,207,207,.23);
			font: 0/0 a;
			cursor: pointer;
			text-align: center;

			-webkit-border-radius: 50%;
					border-radius: 50%;
			-webkit-transition: all .25s ease;
					transition: all .25s ease;
		}

			ul.social-icons li.twitter:hover:after     { background-color: #47c0d8; }
			ul.social-icons li.facebook:hover:after	   { background-color: #49699f; }
			ul.social-icons li.linkedin:hover:after	   { background-color: #2c7cb7; }
			ul.social-icons li.pinterest:hover:after   { background-color: #c21c21; }
			ul.social-icons li.rss:hover:after		   { background-color: #fe9900; }
			ul.social-icons li.gplus:hover:after	   { background-color: #c33d19; }
			ul.social-icons li.flickr:hover:after	   { background-color: #e82c88; }
			ul.social-icons li.instagram:hover:after   { background-color: #517fa3; }
			ul.social-icons li.dropbox:hover:after	   { background-color: #5da3e8; }
			ul.social-icons li.youtube:hover:after	   { background-color: #b72d24; }
			ul.social-icons li.blogger:hover:after	   { background-color: #f38f33; }
			ul.social-icons li.evernote:hover:after	   { background-color: #73b122; }
			ul.social-icons li.dribbble:hover:after	   { background-color: #e65992; }
			ul.social-icons li.behance:hover:after	   { background-color: #18a3fe; }
			ul.social-icons li.lastfm:hover:after	   { background-color: #be0607; }
			ul.social-icons li.skype:hover:after	   { background-color: #24b0e4; }
			ul.social-icons li.vimeo:hover:after	   { background-color: #568799; }
			ul.social-icons li.forrst:hover:after	   { background-color: #628267; }
			ul.social-icons li.digg:hover:after		   { background-color: #2882c6; }
			ul.social-icons li.appstore:hover:after	   { background-color: #606060; }
			ul.social-icons li.wordpress:hover:after   { background-color: #33759d; }
			ul.social-icons li.stumbleupon:hover:after { background-color: #eb4924; }
			ul.social-icons li.deviantart:hover:after  { background-color: #5f7162; }
			ul.social-icons li.github:hover:after	   { background-color: #7292a2; }
			ul.social-icons li.mail:hover:after		   { background-color: #65a413; }
			
				.social-icons i {
					position: relative;
					font-weight: bold;	
					font-size: 18px;
					z-index: 3;
					
					-webkit-transition: color .35s ease-out;
							transition: color .35s ease-out;
				}

				.top-header-line .social-icons i { font-size: 14px; }

				.social-icons li i {
					display: block;
					line-height: 43px;
					color: #454748;
				}
				
				.shortcades-social-icons-container .social-icons li i {	color: #696b6c;	}
				
				/*line height for header social-icons*/
				div.social-icons li i { line-height: 35px; }

				.social-icons a:hover i { color: #fff; }
				
		/* -------------------------------------------------- */
		/*	Team Social Icons
		/* -------------------------------------------------- */
		
		.team-contents .social-icons.circle-icons {	padding-top: 10px; }

		.team-contents .social-icons {
			position: absolute;
			bottom: 26px;
			left: 40px;
			z-index: 5;
		}
		
		.ie8 .team-contents .social-icons { display: none; }
		.ie8 .team-contents .item-container:hover .social-icons { display: block; }

		/* Team social icons animation min width 767px */
		@media only screen and (min-width: 767px) {
			
			.team-contents .item-container .social-icons li {
				filter: alpha(opacity = 0);
				opacity: 0;

				-webkit-transform: translateX(30px);
						transform: translateX(30px);
				-webkit-transition-duration: .1s;
						transition-duration: .1s;
			}

		.team-contents .item-container:hover .social-icons li {
			filter: alpha(opacity = 100);
			opacity: 1;

			-webkit-transform: translateX(0);
					transform: translateX(0);
			-webkit-transition-property: -webkit-transform, opacity;		
					transition-property: transform, opacity;
			-webkit-transition-duration: 500ms;
					transition-duration: 500ms;
			-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
					transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		}

			.team-contents .item-container:hover .social-icons li:nth-child(1) { transition-delay: .30s;}
			.team-contents .item-container:hover .social-icons li:nth-child(2) { transition-delay: .45s;}
			.team-contents .item-container:hover .social-icons li:nth-child(3) { transition-delay: .60s;}
			.team-contents .item-container:hover .social-icons li:nth-child(4) { transition-delay: .75s;}
			.team-contents .item-container:hover .social-icons li:nth-child(5) { transition-delay: .90s;}
		}
		/* end Team social icons animation */

			.team-contents ul.social-icons li a { border: 3px solid #fff; }

				.team-contents ul.social-icons li i { color: #fff; }

				.team-contents ul.social-icons li a:hover { border-color: transparent; }

/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */

#content { padding: 60px 0; }
#content-padding-off { padding: 0; }
#content-bottom-off { padding: 60px 0px 0px 0px; }
#content-top-off { padding: 0px 0px 60px 0px; }

.section-title {
	overflow: hidden;
	margin-bottom: 30px;
	text-align: center;	
}
		
	.section-title h3 {
		position: relative;
		display: inline-block;
		margin-bottom: 0;
		padding: 0 45px;
		font-size: 46px;
		font-weight: 700;
		font-family: 'Lato', sans-serif;
		line-height: 1.1em;
		text-transform: uppercase;
	}
	
	.section-title.type-2 h3 { font-size: 40px; }
	.section-title.type-3 h3 { font-size: 24px;	}

	.section-title h3:after,
	.section-title h3:before {
		position: absolute;
		top: 50%;
		margin-top: 4px;
		background-image: url(../images/dotted-line.png);
		/*background-repeat: repeat-x;*/
		background-position: 0 0;
		width: 300%;
		height: 5px;
		content: "";
	}

	.section-title h3:after { right: -300%; }

	.section-title h3:before { left: -300%; }

	.section-title h4 {				
		color: #767677;
		font-weight: 700;
		font-family: 'Roboto', sans-serif;
	}
	
	.row-title {
		font-size: 18px;
		font-family: 'Lato';
		overflow: hidden;
		position: relative;
		margin-bottom: 25px;
	}

	.row-title:after {
		position: absolute;
		top: 50%;
		margin-top: -3px;
		margin-left: 12px;
		background-image: url(../images/dotted-line.png);
		/*background-repeat: repeat-x;*/
		background-position: 0 0;
		width: 300%;
		height: 5px;
		content: "";
	}
	
/* ---------------------------------------------------------------------- */
/*	Owl Carousel
/* ---------------------------------------------------------------------- */	

#owl-slider .item { 
	position: relative;
	margin: 0 20px;
    display: block;
}	

.ie8 #owl-slider .item { display: block; width: 80%;}

	.article-thumb {	
		padding-bottom: 90px;
		background-color: #202223;

		-webkit-transition: padding 450ms ease, background-color 450ms ease, -webkit-transform 450ms ease; 
				transition: padding 450ms ease, background-color 450ms ease, transform 450ms ease; 
	}
	
		.article-thumb img {
			-webkit-transition: opacity .35s ease;
					transition: opacity .35s ease;
		}

		.item:hover .article-thumb img { 
			filter: alpha(opacity = 50);
			opacity: .5; 
		}
		
		#owl-slider .item img {
			display: block;
			width: 100%;
			height: auto;
		}

	/* Owl Carousel posts animation, min-width 768px */
	@media only screen and (min-width: 768px) {

		 .item:hover .article-thumb {
			-webkit-transform: translateY(-20%);	/* displacement of the picture */
					transform: translateY(-20%);

			-webkit-transition: padding 500ms ease, background-color 500ms ease, -webkit-transform 400ms cubic-bezier(0.230, 0.035, 0.265, 1.550);
					transition: padding 500ms ease, background-color 500ms ease, transform 400ms cubic-bezier(0.230, 0.035, 0.265, 1.550);
		}
		
		.article-content > .entry-body {
			position: absolute;
			margin-top: 0px;
			padding: 24px 20px;	
			width: 100%;
			height: 100%;
			background-color: #202223;
			font-size: 14px;
			font-family: 'Roboto', sans-serif;

			-webkit-transform: translateY(-23%);
					transform: translateY(-23%);
			-webkit-transition: all 450ms ease;
					transition: all 450ms ease;
		}
		
		.item:hover .entry-body {
			background-color: #e74c3c;
			padding-top: 26px;

			-webkit-transform: translateY(-56%);
					transform: translateY(-56%);
			-webkit-transition: padding 500ms ease, background-color 500ms ease, -webkit-transform 400ms cubic-bezier(0.230, 0.035, 0.265, 1.550);
					transition: padding 500ms ease, background-color 500ms ease, transform 400ms cubic-bezier(0.230, 0.035, 0.265, 1.550);
		}
		
		.ie8 .item:hover .entry-body { top: 45%; }
        .ie9 .item:hover .entry-body { top: 37%; }
	}
	/* end Owl Carousel posts animation */

		.ie8 .article-content > .entry-body { top: 79%;	}
		.ie9 .article-content > .entry-body { top: 79%;	}

		.ie8 .team-contents .article-content > .entry-body { top: 75%; }
		.ie9 .team-contents .article-content > .entry-body { top: 75%; }

			.entry-meta.with-icon {
				position: relative;
				line-height: 1.6;
				padding-left: 30px;
				padding-bottom: 9px;

				-webkit-transition: background-color .35s ease;
						transition: background-color .35s ease;
			}

			.entry-meta {
				-webkit-transition: background-color .35s ease;
						transition: background-color .35s ease;
			}

				 .with-icon .entry-title:before {
					position: absolute;
					left: -30px;
					color: #696969;
					font-family: 'fontello';
					font-size: 17px;

					-webkit-transition: color .35s ease;
							transition: color .35s ease;
				}

				.with-icon .videocam:before { content: '\eaba'; top: -3px; }
				.with-icon .camera:before   { content: '\e99a'; top: -3px; }
				.with-icon .link:before     { content: '\ece4'; top: -2px; }
				.with-icon .pencil:before   { content: '\e871'; top: -1px; }
			
			.item:hover .entry-title:before { color: #fff; }
			.item:hover  .entry-date { color: #fff; }

			.entry-body .text-more { color: #fff; }

			.entry-body .entry-like i,
			.entry-body .entry-like span { color: #fff; }

			.entry-excerpt { 
				color: #202223; 
				padding-top: 10px;
			}
			
/* ---------------------------------------------------------------------- */
/*	Blog
/* ---------------------------------------------------------------------- */

.entry { margin-bottom: 40px; }

	/* fix for image slider */
	#image-slider .item { display: none; position: relative; }
	#image-slider .item:first-child {display: block;}
	/* end fix for image slider */

	/*.ie8 #image-slider .item { width: 50%; height: 80%;}*/
		#image-slider .item img {
			max-width: 100%;
			height:  auto;
			vertical-align: middle;
			display: block;
			font-size: 0;
		}
		
		.blog-meta h2,
		.blog-meta span { margin-left: 20px; }
		
		.entry .entry-meta { background-color: #202223;	}
		
		.entry:hover .entry-title:before { color: #fff; }
		
		.entry-title {
			margin-bottom: 0;
			font-family: 'Lato';
			font-weight: 700;
			text-transform: uppercase;
			position: relative;
		}
		
			.entry-title a { color: #fff; }

				.entry-title i {
					position: absolute;
					left: 0;
					font-size: 17px;
					color: #969696;

					-webkit-transition: color .35s ease-out;
							transition: color .35s ease-out;
				}
			
				.entry-title i:before { margin-left: 0; }

		.entry-date {
			display: block;
			color: #656565;
			font-size: 12px;
			font-weight: 700;
			text-transform: uppercase;

			-webkit-transition: color .35s ease;
					transition: color .35s ease;
		}
	
	.entry:hover .entry-meta { background-color:  #e74c3c; }
	
		.entry:hover .entry-title > i { color: #fff; }

	.entry-text {
		padding-top: 30px;
		padding-left: 45px;
		padding-bottom: 30px;
		padding-right: 20px;
		background-color: #2f3133;
		position: relative;

		-webkit-transition: all .35s ease-out;
				transition: all .35s ease-out;
	}

	.entry:hover .entry-text { background-color:  #202223; }
	
	.entry .entry-quote {
		padding-top: 30px;
		padding-left: 45px;
		padding-bottom: 30px;
		padding-right: 20px;
		background-color: #202223;
		position: relative;

		-webkit-transition: all .35s ease-out;
				transition: all .35s ease-out;
	}
	
	 .item .entry .entry-quote {
		padding-top: 20px;
		padding-bottom: 110px;
	}
	
	.ie8 .grid-posts .entry .entry-quote { padding-bottom: 120px;}
	
		.entry:hover .entry-quote { background-color: #e74c3c; }
	
	.entry:hover blockquote { color: #fff; }
	
	.entry .blog-meta:hover .entry-date,
	.entry .image-entry:hover .entry-date { color: #fff; }
	
	.entry-text .text-more {
		color: #e74c3c;
		font-size: 12px;
		font-family: 'Roboto';
		font-weight: 700;
		text-transform: uppercase;
	}
	
	.entry-quote .text-more {
		color: #e74c3c;
		font-size: 12px;
		font-family: 'Roboto';
		font-weight: 700;
		text-transform: uppercase;
		
		-webkit-transition: color .35s ease;
				transition: color .35s ease;
	}
	
		.entry-quote .comment-quotes { margin-bottom: 15px; }
	
		.entry-quote blockquote {
			font-family: 'Lato', sans-serif;
			font-size: 24px;
			margin-bottom: 30px;
			line-height: 1.4em;
			
			-webkit-transition: color .35s ease;
					transition: color .35s ease;
		}
		
		.item .entry-quote blockquote {	font-size: 21px; }
		
			.entry-quote:hover blockquote {	color: #000; }
	
	.entry-quote:hover .text-more {	color: #fff; }
	
	.entry-quote span {
		-webkit-transition: color .35s ease;
				transition: color .35s ease;
	}
	
	.entry-quote:hover span,
	.entry-quote:hover .entry-like > i { color: #fff; }
	
	.bottom-meta .entry-like {
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -10px;
		font-size: 14px;
		font-style: normal;
		margin-right: 10px;
	}
	
	.ie8 .bottom-meta .entry-like { margin-right: 20px; }
	
            .bottom-meta a.entry-like i {
                position: absolute;
                right: 18px;
				
				-webkit-transform: scale(1);
						transform: scale(1);
                -webkit-transition: all .45s ease;
						transition: all .45s ease;
            }
			
            .bottom-meta .entry-like i:hover {
                -webkit-transform: scale(1.3);
						transform: scale(1.3);
                -webkit-transition: -webkit-transform .45s cubic-bezier(0.175, 0.885, 0.420, 1.175); 
						transition: transform .45s cubic-bezier(0.175, 0.885, 0.420, 1.175); 
            }
	
		.entry-text .entry-like i {
			-webkit-transition: all .35s ease-out;
				    transition: all .35s ease-out;
		}
		
		.entry-quote .entry-like i {
			-webkit-transition: all .35s ease-out;
					transition: all .35s ease-out;
		}
	
		.entry-text .entry-like:hover i { color: #fff; }
		
		.entry-quote .entry-like:hover i { color: #fff;	}
                
		.comment-quotes i {
			position: absolute;
			left: 15px;
			font-size: 17px;
			top: 34px;
			
			-webkit-transition: color .5s ease;
					transition: color .5s ease;
		}
		
		.item .comment-quotes i { top: 22px; }
		
		.entry:hover .comment-quotes i { color: #fff; }
		
		.entry-text blockquote {
			padding-bottom: 15px;
			font-family: 'Lato';																																																																																																																																													
			font-weight: 700;
			font-size: 22px;
			line-height: 1.5em;
			
			-webkit-transition: all .35s ease-out;
					transition: all .35s ease-out;
		}
		
		/*-------------------------------------------------- */
		/*	Pricing tables
		/* -------------------------------------------------- */
		
		.simple-pricing-table {
			text-align: center;
			font-size: 0;
		}
		
		.simple-pricing-table * {
			-webkit-transition: all .35s ease;
					transition: all .35s ease;
		}
		
			.simple-pricing-table .simple-column {
				position: relative;
				display: inline-block;
				border-right: 1px solid #202223;
				
				-webkit-transition: background-color .35s ease-out, color .35s ease-out, -webkit-transform .35s ease-out;
						transition: background-color .35s ease-out, color .35s ease-out, transform .35s ease-out;
			}
			
			.simple-pricing-table .simple-column.col-3 { width: 33.33333333333333%; }
			.simple-pricing-table .simple-column.col-4 { width: 25%; }
			
			.simple-pricing-table .simple-column:last-child { border-right: none; }
			
				.simple-pricing-table .header {
					text-align: center;
					background-color: #2f3133;
					margin: 0;
				}
				
					.simple-pricing-table .title {
						font-size: 18px;
						font-weight: 700;
						font-family: 'Lato', sans-serif;
						color: #fff;
						border-bottom: 1px solid #202223;
						padding: 20px 5px;
						margin: 0;
						text-transform: uppercase;
					}
					
					.simple-pricing-table .price {
						background-color: #202223;
						padding: 15px 15px;
						margin: 0;
						border-bottom: 1px solid #202223;
					}
					
						.simple-pricing-table .cost {
							font-size: 36px;
							font-weight: 600;
							line-height: 1em;
							margin: 0;
						}
						
						.simple-pricing-table .description {
							font-size: 12px;
							font-family: 'Lato', sans-serif;
							text-transform: uppercase;
							
							color: #656565;
							margin: 0;
							
							-webkit-transition: color .25s ease-out;
									transition: color .25s ease-out;
						}
						
				.simple-pricing-table .features {
					background-color: #2f3133;
					
					-webkit-transition: all .35s ease-out;
							transition: all .35s ease-out;
				}
						
				.simple-pricing-table .features li {
					text-align: center;
					padding: 17px 0;
					margin: 0 25px;
					border-bottom: 1px solid #27292b;
					font-size: 16px;
					font-weight: 400;
					font-family: 'Roboto', sans-serif;
					color: #818282;
					
					-webkit-transition: color .35s ease-out, background-color .35s ease-out, border-color .35s ease-out;
							transition: color .35s ease-out, background-color .35s ease-out, border-color .35s ease-out;
				}
				
				.simple-pricing-table .features li:last-child {	
					border-bottom: 1px solid #202223;
					margin: 0;
				}
				
				.simple-pricing-table .footer {
					padding: 25px 30px 0;
					background-color: #292b2d;
					text-align: center;
					
					-webkit-transition: background-color .35s ease-out, border .35s ease;
							transition: background-color .35s ease-out, border .35s ease;
				}
				
				.simple-pricing-table .simple-column .footer a {
					-webkit-transition: background-color .35s ease-out, color .35s ease-out;
							transition: background-color .35s ease-out, color .35s ease-out;
				}
				
				.simple-pricing-table .simple-column:hover {
					border-right: transparent;
					z-index: 3;
					
					-webkit-transform: scale(1.03);
							transform: scale(1.03);
					-webkit-transition: -webkit-transform .35s ease-out;
							transition: transform .35s ease-out;
				}
				
				.simple-pricing-table .simple-column:hover .header,
				.simple-pricing-table .simple-column:hover .features,
				.simple-pricing-table .simple-column:hover .footer {
					background-color: #e74c3c;
					color: #fff;
				}
				
				.simple-pricing-table .simple-column:hover .header { border-color: #ffe35f;}
				.simple-pricing-table .simple-column:hover .price {	
					background-color: #ffd71a;
					border-color: rgba(255, 227, 95, .9);
					color: #fff;
				}
				
				.simple-pricing-table .simple-column:hover .title {	border-color: #ffe35f; }
				.simple-pricing-table .simple-column:hover .price span { color: #fff; }
				
					.simple-pricing-table .simple-column:hover .features li {
						border-color: #ffe35f;
						color: #fff;
					}
					
				.simple-pricing-table .simple-column:hover .footer a {
					background-color: #000;
					color: #e74c3c;
				}
		
			/*-------------------------------------------------- */
			/*	Pagenavi
			/* -------------------------------------------------- */	
		
			.pagenavi { margin-bottom: 20px; }
			
			.pagenavi span,
			.pagenavi a {
				font-family: 'Roboto', sans-serif;
				font-weight: 700;
				font-size: 14px;
				display: inline-block;
				width: 45px;
				height: 45px;
				text-align: center;
				line-height: 45px;
				background-color: #202223;
				color: #8e8e8e;

				-webkit-transition: all .35s ease-out;
						transition: all .35s ease-out;
			}
			
				.page-numbers.current {
					background-color: #e74c3c;
					color: #000;
				}

				.pagenavi span:hover,
				.pagenavi a:hover {
					background-color: #e74c3c;
					color: #000;
				}
	
			/* -------------------------------------------------- */
			/*	Certain post
			/* -------------------------------------------------- */
	
			.entry { margin-bottom: 40px; }
                        
				.entry-title {
					margin-bottom: 0;
					font-family: 'Lato', sans-serif;
					font-weight: 700;
					text-transform: uppercase;
					position: relative;
				}

				.entry-date {
					display: block;
					color: #656565;
					font-size: 12px;
					font-weight: 700;
					text-transform: uppercase;

					-webkit-transition: color .35s ease;
							transition: color .35s ease;
				}
				
				article.entry:hover .entry-date { color: #fff; }
			
					.entry-meta p {	padding-top: 15px; }
					
					.entry .entry-meta { padding: 24px; }
	
			.certain-post:hover .entry-meta { background-color: #202223; }
	
			.entry .certain-post:hover .blog-meta .entry-date { color: #656565; }
			.entry .certain-post:hover .entry-title:before { color: #656565; }
			
			.certain-post .entry-text {
				padding-top: 20px;
				padding-left: 45px;
				padding-bottom: 35px;
				padding-right: 20px;
				background-color: #2f3133;
				position: relative;

				-webkit-transition: all .35s ease-out;
						transition: all .35s ease-out;
			}

			.certain-post:hover .entry-text { background-color: #2f3133; }
			
				.bottom-meta {
					padding: 0;
					position: relative;
					line-height: 1em;
					text-transform: uppercase;
					font-family: 'Roboto', sans-serif;
					font-weight: 700;
					font-size: 12px;
				}
				
				.owl-item span.text-more {
					-webkit-transition: color .45s ease;
							transition: color .45s ease;
				}
				
				.owl-item span.text-more:hover { color: #000; }
				
				.entry-meta .text-more { color: #fff; }
				
				.entry-like .entry-like i { 
					-webkit-transform: scale(1);
							transform: scale(1);
					-webkit-transition: -webkit-transform .35s ease;
							transition: transform .35s ease;
				}
				
				.entry-meta .entry-like i,
				.entry-meta .entry-like span { color: #fff; }
				
				.entry-meta .entry-like:hover i {
				-webkit-transform: scale(1.5);
						transform: scale(1.5);
				-webkit-transition: -webkit-transform .35s ease;
						transition: transform .35s ease;
				}
					.bottom-meta .tags-list {
						padding-left: 45px;
						position: relative;
					}
					
					.bottom-meta .tags-list:before {
						position: absolute;
						color: #fff;
						content: attr(data-title);
						font-family: 'Roboto';
						font-size: 14px;
						left: 0;
						top: 50%;
						margin-right: 3px;
						margin-top: -10px;
					}
					
						.tags-list li {
							display: inline-block;
							margin: 0 2px 2px 0;
						}
						
							.tags-list a {
								background-color: #202223;
								display: block;
								padding: 7px 10px;
								color: #969696;
								
								-webkit-transition: all .35s ease;
										transition: all .35s ease;
							}
							
							.tags-list li:hover a {
								background-color: #e74c3c;
								color: #fff;
							}
			
					/* -------------------------------------------------- */
					/*	Certain post nav
					/* -------------------------------------------------- */

					.single-post-nav {
						padding: 5px;
						text-align: center;
						margin-top: -35px;
						margin-bottom: 35px;
					}
					
						.single-post-nav span {
							color: #e74c3c;
							margin: 5px;
							font-size: 12px;
							font-family: 'Roboto';
							font-weight: 700;
							text-transform: uppercase;
						}

						.single-post-nav .prev,
						.single-post-nav .next {
							position: relative;
							top: 20px;
							margin: 0;
							display: inline-block;
							width: 45px;
							height: 45px;
							text-align: center;
							background-color: #424344;
							border-width: 3px;
							border-style: solid;
							border-color: #696b6c;
							font-size: 0;

							-webkit-border-radius: 50%;
									border-radius: 50%;
							-webkit-transition: background-color .35s ease, border-color .45s ease;
									transition: background-color .35s ease, border-color .45s ease;
						}

						.prev:hover,
						.next:hover {
							color: #fff;	
							background-color: #e74c3c;
							border-color: #e74c3c;
						}

						.prev { margin-right: 10px; }

						.single-post-nav *:after {
							position: absolute;
							top: 0;
							display: block;
							width: 100%;
							height: 100%;
							text-align: center;
							line-height: 40px;
							font-family: 'fontello';
							font-size: 14px;

							-webkit-transition: color .35s ease-out;
									transition: color .35s ease-out;
						}

						.prev:after { content: '\e8b4'; }
						.next:after { content: '\e8b5'; }
						 
	/* -------------------------------------------------- */
	/*	Team post
	/* -------------------------------------------------- */	
	
	.team-contents article { margin-bottom: 50px; }

		.team-contents .item {
			position: relative;
			overflow: hidden;
			z-index: 3;
		}

			.team-contents .article-thumb {	padding-bottom: 65px; }

			.team-contents .item-container:hover .article-thumb img {
				filter: alpha(opacity = 50);
				opacity: .5; 
			}

			.team-contents .article-content > .entry-body {
				padding: 23px 20px;	

				-webkit-transform: translateY(-27%);
						transform: translateY(-27%);
			}

			.ie9 .team-contents .article-thumb { padding-bottom: 15px; }

			.team-contents .entry-meta {
				padding: 0;
				margin: 0;
			}
			
			.team-contents .entry-excerpt { 
				color: #000; 
				padding-top: 0;
				filter: alpha(opacity = 0);
				opacity: 0;
				display: none;

				-webkit-transition-duration: 1000ms;
						transition-duration: 1000ms;
			}

			.team-contents .item-container:hover .article-thumb {
				-webkit-transform: translateY(-20%);  /* displacement of the picture */
						transform: translateY(-20%);

				-webkit-transition: padding 400ms ease, opacity 400ms ease, background-color 400ms ease, -webkit-transform 400ms cubic-bezier(0.230, 0.035, 0.265, 1.550); 
						transition: padding 400ms ease, opacity 400ms ease, background-color 400ms ease, transform 400ms cubic-bezier(0.230, 0.035, 0.265, 1.550); 
			}

				.team-contents .item-container:hover .entry-body {
					background-color: #e74c3c;

					-webkit-transform: translateY(-50%);
							transform: translateY(-50%);

					-webkit-transition: padding 400ms ease, background-color 400ms ease, -webkit-transform 400ms cubic-bezier(0.230, 0.035, 0.265, 1.550); 
							transition: padding 400ms ease, background-color 400ms ease, transform 400ms cubic-bezier(0.230, 0.035, 0.265, 1.550); 
				}

				.ie8 .team-contents .item-container:hover .entry-body { top: 40%;}
				.ie9 .team-contents .item-container:hover .entry-body { top: 40%;}

				.team-contents .item-container.active .entry-body {
					background-color: #e74c3c;

					-webkit-transform: translateY(-100%);
							transform: translateY(-100%);

					-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
							transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
				}

				.ie8 .team-contents .item-container.active .entry-body { top: 0;}
				.ie9 .team-contents .item-container.active .entry-body { top: 0;}

				.team-contents .item-container .entry-body .entry-title {
					-webkit-transition: all .35s ease;
							transition: all .35s ease;
				}

				.team-contents .entry-meta { line-height: 1.6; }

				.team-contents .item-container:hover .entry-date { color: #fff; }
	
	/* -------------------------------------------------- */
	/*	Grid posts
	/* -------------------------------------------------- */	
	
	.grid-posts .item {
		position: relative;
		overflow: hidden;
		margin-bottom: 50px;
		z-index: 3;
	}
	
		.grid-posts .article-thumb { padding-bottom: 85px; }
	
		.grid-posts .entry-body {
			margin: 0;
			padding: 24px 20px;
		}
		
			.grid-posts .entry-meta { padding: -1px 20px; }
			
				.grid-posts .item .entry-body .entry-title {
					-webkit-transition: all .35s ease;
							transition: all .35s ease;
				}
			
		/* Blog grid post animation min width 767px*/
		@media only screen and (min-width: 767px) {
			.grid-posts .item:hover .article-thumb {
				-webkit-transform: translateY(-13%);
						transform: translateY(-13%);
			}

			.grid-posts .item:hover .entry-body {
				background-color: #e74c3c;

				-webkit-transform: translateY(-56%);
						transform: translateY(-56%);
			}

			.ie8 .grid-posts .item:hover .entry-body { top: 50%;}
			.ie9 .grid-posts .item:hover .entry-body { top: 50%;}

			.grid-posts .entry-date {
				-webkit-transition: color .35s ease;
						transition: color .35s ease;
			}
		}
		/* end Blog grid post animation*/

	/* -------------------------------------------------- */
	/*	Parallax
	/* -------------------------------------------------- */
        
	.full-bg-image {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-position: 50% 50%;
		background-repeat: repeat;
		opacity: .5;
		z-index: 0 !important;
	}
		
		.no-touch .full-bg-image {
			background-attachment: fixed;
			background-size: cover;
		}
		
		.parallax {
			z-index: 0;
			background-color: rgba(0, 0, 0, 0);
		}
		
		.overlay-paralax {
			background-image: url(../images/temp/substrate.png);
			background-repeat: repeat;
			height: 100%;
			left: 0;
			margin: 0 auto;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 0;
		}
		
		.parallax-bg-1 .full-bg-image {	background-image: url(http://placehold.it/2600x1715); }
		.parallax-bg-2 .full-bg-image { background-image: url(http://placehold.it/2600x1715); }
		.parallax-bg-3 .full-bg-image { background-image: url(http://placehold.it/2600x1710); }
		.bg-grey { background-color: #2f3133; }
		
			.section.bg-grey .full-bg-image { opacity: .5; }
			
	/* -------------------------------------------------- */
	/*	About page
	/* -------------------------------------------------- */			
	.full-width-image {
		position: relative;
	}
	
	.full-width-image img {
		width: 100%;
		/*position: relative;*/
		display: block;
		transition: opacity .5s ease;
	}
	
		.quotes-container { background-color: #2f3133; }
		
		.grey-container   { background-color: #2f3133; }
		
			.quotes-container .quote-text { color: #fff; }
			
			.quotes-container .quote-text:before {
				display: block;
				margin-bottom: 35px;
				content: "\e86c";
				font-size: 30px;
				font-family: 'fontello';
				text-align: center;
			}
			
			 .quotes-container .quote-text {
				padding: 0 20px;
				display: block;
			}
			
			.quotes-container .quote-text p {
				display: block;
				text-align: center;
				font-size: 24px;
				color: #969696;
				margin: 0;
				padding: 0 0 10px;
			}
			
			.quotes-container .quote-author {
				display: block;
				text-align: center;
				right: 30px;
				bottom: 30px;
				color: #e74c3c;
				text-transform: uppercase;
				font-size: 12px;
				font-family: 'Roboto';
				font-weight: 700;
				
				-webkit-transition: all .35s ease-out;
						transition: all .35s ease-out;
			}
			
			.quotes-container .rel-works { margin-bottom: 0;}
			
			/* -------------------------------------------------- */
			/* Counter Box
			/* -------------------------------------------------- */			

			.counter-box { 
				text-align: center; 
				margin: 0 -30px;
			}

				.counter {
					background-color: rgba(25,29,32,.4);
					display: inline-block;
					margin: 0 20px;
					width: 250px;
					text-align: center;
					font-size: 0;
				}

					.counter .count {
						display: block;
						color: #e74c3c;
						font-weight: 700;
						font-size: 60px;
						font-family: 'Lato', sans-serif;
						line-height: 105px;
					}

					.counter .details {
						text-align: center;
						color: #fff;
						font-family: 'Roboto Condensed', sans-serif;
						font-size: 14px;
						font-family: 'Lato', sans-serif;
						font-weight: 700;
						text-transform: uppercase;
					}

					.parallax .counter .details { color: #fff; }
					
	/* -------------------------------------------------- */
	/*	Corporate style extended
	/* -------------------------------------------------- */
	
	.header-text {
		position: absolute;
		display: block;
		padding-left: 466px;
		z-index: 2;
		top: 160px;
		right: 18px;
	}
	
		.header-text p {
			font-size: 36px;
			font-family: "Lato", sans-serif;
			font-weight: 300;
			color: #fff;
			text-transform: uppercase;
			text-align: right;
		}
	
	#wrapper.wrapper-background { background-image: url(../images/corporate-style-extended/bg-image.jpg); }
	
	.absolute-image {
		position: absolute;
		top: 180px;
		left: -15px;
	}
	
	.ca-icon {
		float: left;
		margin-right: 20px;
		width: auto;
	}
	
		i.ca-icon:before {
			font-size: 36px;
			line-height: 1;
			text-align: center;
			width: 50px;
			color: #e74c3c;
		}
		
		.ca-content { display: table; }

			.ca-title {
				color: #fff;
				font-family: 'Lato', sans-serif;
				font-size: 18px;
				font-weight: 700;
				margin-bottom: 20px;
			}
			
	/* -------------------------------------------------- */
	/*	Testimonials
	/* -------------------------------------------------- */	
	
	.testimonials {
		padding: 0;
		margin-bottom: 40px;
	}
	
		.testimonials .quote-text {
			padding: 30px 20px 30px 45px;
			background-color: #202223;
			position: relative;
			font-size: 24px;
			font-family: 'Lato';

			-webkit-transition: background-color .35s ease-out, color .35s ease-out;
					transition: background-color .35s ease-out, color .35s ease-out;
		}
		
			.testimonials .quote-text i {
				position: absolute;
				left: 15px;
				top: 34px;
				font-size: 17px;
				color: #696969;
				
				-webkit-transition: color .35s ease;
						transition: color .35s ease;
			}
		
			.testimonials .quote-author {
				position: absolute;
				display: inline-block;
				right: 30px;
				bottom: 30px;
				color: #e74c3c;
				text-transform: uppercase;
				font-size: 12px;
				font-family: 'Roboto';
				font-weight: 700;
				
				-webkit-transition: color .35s ease-out;
						transition: color .35s ease-out;
			}
	
		.triangle {
			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 26px 26px 0 0;
			border-color: #202223 transparent transparent transparent;
			position: absolute;
			right: 100px;

			-webkit-transition: all .35s ease-out;
					transition: all .35s ease-out;
		}
		
		.testimonials li:hover .quote-text {
			background-color: #e74c3c;
			color: #202223;
		}

		.testimonials li:hover .quote-author { color: #fff; }
			
		.testimonials li:hover .quote-text i { color: #fff; }
	
		.testimonials li:hover .triangle { border-color: #e74c3c #424344 #424344 #424344; }
	
		/* -------------------------------------------------- */
		/*	Respond
		/* -------------------------------------------------- */

		#respond .respond-title {
			font-size: 18px;
			font-family: 'Lato';
			overflow: hidden;
			position: relative;
			margin-bottom: 25px;
			margin-top: -10px;

		}

			#respond  .respond-title:after {
				position: absolute;
				top: 50%;
				margin-top: -3px;
				margin-left: 12px;
				background-image: url(../images/dotted-line.png);
				background-repeat: repeat-x;
				background-position: 0 0;
				width: 300%;
				height: 5px;
				content: "";
			}

		#respond .input-block {	margin-bottom: 10px; }

			.input-blocks {
				margin: -5px -5px;
				font-size: 0;
				padding-bottom: 0;

			}

				.input-blocks .input-block {
					width: 33.33333333333333%;
					display: inline-block;
					padding: 5px;

				}

			#respond button {
				font-size: 12px;
				font-family: 'Roboto';
				font-weight: 700;
				padding: 10px 14px;

				-webkit-border-radius: 0;
						border-radius: 0;
			}

		/* -------------------------------------------------- */
		/*	Blog Popular posts
		/* -------------------------------------------------- */

		.popular-posts { margin-bottom: 25px; }

			.popular-posts .post-entry {
				background-color: #2f3133;
				margin-bottom: 10px;

				-webkit-transition: all .35s ease-out;
						transition: all .35s ease-out;
			}

			.popular-posts .post-entry:after {
				clear: both;
				display: block;
				visibility: hidden;
				height: 0;
				content: ".";
			}

				.popular-posts  .entry-image {
					float: left;
					background-color: #202223;

					-webkit-transition: opacity .35s ease-out;
							transition: opacity .35s ease-out;
				}

				.popular-posts  .post-holder {
					margin-left: 110px;
					padding: 20px;
					padding-bottom: 25px;

					-webkit-transition: background-color .35s ease-out;
							transition: background-color .35s ease-out;

				}

					.popular-posts  .entry-title {
						line-height: 1.7em;
						font-weight: 300;
						text-transform: uppercase;
					}

					.popular-posts  .entry-title > a { color: #fff; }

					.popular-posts  .entry-date {
						line-height: 1em;
						padding: 0;
					}

				.popular-posts .post-entry:hover .entry-image { 
					opacity: .3;
					filter: alpha(opacity = 30);
				}

				.popular-posts .post-entry:hover .post-holder		{ background-color: #e74c3c; }
				.blog-popular-posts .post-entry:hover .entry-date	{ color: #fff; }

		/* -------------------------------------------------- */
		/*	Comments
		/* -------------------------------------------------- */

		#comments { margin-bottom: 50px; }

			.comment {
				padding-top: 20px;
				list-style: none;
			}

			.comments-list > .comment:first-child { padding-top: 0; }

			.comment article {
				background-color: #2f3133;
				margin-bottom: 0px;
			}

				.comment .gravatar {
					float: left;
					margin-right: 15px;
					margin-left: 20px;
					margin-top: 20px;
				}

				.comment-body { 
					display: table;
					padding-top: 15px;
					padding-right: 20px;
					padding-bottom: 10px;
				}

					.comment .comment-author h6 { margin-bottom: 0; }

						.comment .comment-author a {
							color: #fff;
							font-weight: 400;
							font-family: 'Lato';
							font-size: 14px;
							text-transform: uppercase;
						}

					.comment .comment-date { 
						margin-bottom: 10px;
						line-height: 1; 
						text-transform: uppercase;
					}

						.comment .comment-date span {
							-webki-transition: color .35s ease;
								   transition: color .35s ease;
						}

						.comment .comment-date a:first-child:hover { color: #fff; }

						.comment .comment-date span:hover { color: #000; } 

						.comment .comment-date span {
							color: #e74c3c;
							text-transform: uppercase;
							font-size: 14px;
							font-family: 'Roboto';
							font-weight: 700;
						}

						.comment .comment-date a {
							color: #656565;
							font-size: 12px;
							font-family: 'Roboto', sans-serif;
							font-weight: 700;
						}

			/* Children */

			.comment .children {
				margin-top: 0;
				padding-left: 70px;
			}

				.children .comment {
					padding-top: 20px;
					border-bottom-width: 0;
				}

			.comment p { font-size: 14px; }
	
		/* ---------------------------------------------------------------------- */
		/*	Sidebar
		/* ---------------------------------------------------------------------- */		
			/* -------------------------------------------------- */
			/*	Widgets
			/* -------------------------------------------------- */

				.widget { padding-bottom: 50px;	}

					#sidebar .widget-title {
						position: relative;
						font-size: 18px;
						font-family: 'Lato', sans-serif;
						font-weight: 700;
						overflow: hidden;
						margin-bottom: 25px;
					}

					#sidebar  .widget-title:after {
						position: absolute;
						top: 60%;
						margin-top: -3px;
						margin-left: 12px;
						background-image: url(../images/dotted-line.png);
						/*background-repeat: repeat-x;*/
						background-position: 0 0;
						width: 300%;
						height: 5px;
						content: "";
					}

				/* ---------------------------------------- */
				/*	Default Widgets
				/* ---------------------------------------- */
				
					.widget .textwidget {
						font-family: 'Roboto';
						font-size: 16px;
						font-weight: 400;
					}
				
					.widget_categories ul li a,
					.widget_archive ul li a, 
					.widget_links ul li a,
					.widget_meta ul li a,
					.widget_pages ul li a,
					.widget_recent_entries ul li a {
						font-size: 16px;
						font-family: 'Roboto';
						font-weight: 700;
						color: #e74c3c;
						
						-webkit-transition: all .25s ease;
								transition: all .25s ease;
					}
					
						.widget_categories ul li a:hover,
						.widget_archive ul li a:hover, 
						.widget_links ul li a:hover,
						.widget_meta ul li a:hover,
						.widget_pages ul li a:hover,
						.widget_recent_entries ul li a:hover {
							color: #1b1d1f;
							margin-left: 3px;
						}

				/* ---------------------------------------- */
				/*	TagCloud
				/* ---------------------------------------- */
				
				#sidebar .tagcloud { font-size: 0; }

					#sidebar .tagcloud a {
						color: #969696;
						display: inline-block;
						font-size: 14px;
						font-family: 'Roboto';
						font-weight: 400;
						margin-bottom: 3px;
						margin-right: 3px;
						padding: 5px 18px;
						background-color: #202223;
						
						-webkit-transition: all .35s ease;
								transition: all .35s ease;
					}
					
						#sidebar .tagcloud a:hover{
							color: #fff;
							background-color: #e74c3c;
						}
					
				/* ---------------------------------------- */
				/*	Popular Posts
				/* ---------------------------------------- */	
				
				.popular_posts li {
					background-color: #2f3133;
					margin-bottom: 10px;
					
					-webkit-transition: all .35s ease-out;
							transition: all .35s ease-out;
				}
				
				.popular_posts li:hover { background-color: #e74c3c; }
				
					.popular_posts .single-image {
						-webkit-transition: opacity .35s ease-out;
								transition: opacity .35s ease-out;
					}
				
					.popular_posts li:hover .single-image {	opacity: .3; }
				
				.popular_posts li:after {
					clear: both;
					display: block;
					visibility: hidden;
					height: 0;
					content: ".";
				}
				
				.widget .entry-image {
					float: left;
					background-color: #202223;
				}
				
				.widget .post-holder {
					margin-left: 120px;
					padding: 20px 10px;
				}
				
					.widget .entry-title {
						line-height: 1.7em;
						font-weight: 300;
						text-transform: uppercase;
					}
					
						.widget .entry-title > a { color: #fff; }

					.widget .entry-date {
						line-height: 1em;
						padding: 0;
					}
					
					.popular_posts li:hover .entry-date { color: #fff; }
			
/* ---------------------------------------------------------------------- */
/*	Widgets + Shortcodes
/* ---------------------------------------------------------------------- */			
						
	/* -------------------------------------------------- */
	/*	Tabs
	/* -------------------------------------------------- */

	.tabs-holder { margin-bottom: 65px; }
	
		.tabs-nav { font-size: 0; }

		.tabs-nav li {
			position: relative;
			display: inline-block;
			margin-right: 1px;
		}

			.tabs-nav li a {
				position: relative;
				display: block;
				padding: 10px 25px;
				cursor: pointer;
				color: #777;
				font-size: 14px;
				background-color: #1b1d1f;
				color: #fff;
				font-family: 'Lato';
				font-weight: 700;
				text-transform: uppercase;

				-webkit-transition: background-color .25s ease;
						transition: background-color .25s ease;
			}

			.tabs-nav a:hover { border-color: #cfcfcf; }

			.tabs-nav .active a {
				background-color: #e74c3c;
				color: #000;
				padding-top: 14px;
			}

		.tabs-container { 
			overflow: hidden;
			background-color: #2f3133;
			padding: 25px 25px;
		}

			.tab-content { display: none; }
			
				.tab-content img {
					float: left;
					margin-right: 25px;
				}
				
				.tab-content.type-2 img {
					float: right;
					margin-right: 0px;
				}

				.tab-title { color: #fff; }

					.tab-content p {
						padding-right: 25px;
						font-weight: 400;
					}

			.tab-content:first-child { display: block; }	
		
		/* -------------------------------------------------- */
		/*	Accordion, toggle
		/* -------------------------------------------------- */			

		.acc-box { margin-bottom: 20px; }

			.acc-trigger {
				position: relative;
				display: block;
				margin-bottom: 5px;
				padding: 10px 55px 10px 20px;
				cursor: pointer;
				background-color: #202223;
				
				-webkit-transition-duration: .2s;
						transition-duration: .2s;
				-webkit-transition: background-color .55s ease-out;
						transition: background-color .55s ease-out;
			}
			
			.acc-trigger:hover {
				background-color: #e74c3c;
				
				-webkit-transition-duration: 200ms;
						transition-duration: 200ms;
			}

			.acc-trigger.active {
				border-color: transparent;
				background-color: #e74c3c;
			}

			.acc-trigger:after {
				position: absolute;
				top: 0;
				right: 0;
				display: block;
				width: 48px;
				height: 100%;
				color: #5b5e60;
				text-align: center;
				font-size: 24px;
				font-family: 'fontello';
				line-height: 47px;
				content: '\e9a1';
				color: #e74c3c;
				
				-webkit-transition: color .55s ease-out;
						transition: color .55s ease-out;
			}
			
			.acc-trigger:hover:after { color: #000;	}

			.acc-trigger.active:after { 
				border-color: #fff;
				border-color: rgba(255,255,255, .3);
				color: #000;
				content: '\e9a4';
			}  

				.acc-trigger a {
					color: #fff;
					font-size: 14px;
					font-family: 'Lato';
					font-weight: 700;
					text-transform: uppercase;
				}

				.acc-trigger.active a { color: #000; }

				.acc-trigger.active + .acc-container p { margin: 0 0 10px 0; }

		.acc-container {
			padding: 20px 25px;
			display: none;
			background-color: #2f3133;
			margin-top: -5px;
		}
		
		/* -------------------------------------------------- */
		/*	Notifications
		/* -------------------------------------------------- */

		.alert-boxes { margin-bottom: 50px; }
		
			.error, .success, .info, .notice {
				position: relative;
				margin-bottom: 10px;
				padding: 11px 15px 11px 50px;
				display: block;
				text-transform: uppercase;
			}

			.error   { background-color: #fac9cf;  color: #974b54;}
			.success { background-color: #d0ebb3; color: #5f7645;}
			.info    { background-color: #a8dbee; color: #427b91;}
			.notice  { background-color: #fde7a7; color: #975c31;}
			
			.error:before,
			.success:before,
			.info:before,
			.notice:before {
				position: absolute;
				top: 50%;
				left: 20px;
				margin-top: -13px;
				font-size: 18px;
				font-family: 'fontello';	
			}

			.error:before {
				color: #974b54;
				content: '\e83f';
			}

			.success:before {
				color: #5f7645;
				content: '\e83b';
			}

			.info:before {
				color: #427b91;
				content: '\e84c';
			}

			.notice:before {
				color: #975c31;
				content: '\e880';
			}

				.alert-close {
					position: absolute;
					top: 50%;
					right: 20px;
					margin-top: -9px;
					line-height: 1;
				}

				.alert-close:before {
					font-size: 18px;
					font-family: 'fontello';
					content: "\e83e";
				}

				.error	 .alert-close { color: #974b54; }
				.success .alert-close { color: #5f7645; }
				.info	 .alert-close { color: #427b91; }
				.notice	 .alert-close { color: #975c31; }

		/* -------------------------------------------------- */
		/*	List styles
		/* -------------------------------------------------- */
		
		ul.list { margin-bottom: 60px;}
		
		ul.list li {
			padding-left: 30px;
			position: relative;
		}
		
		ul.list li,
		ol.list li { 
			margin-bottom: 4px;
			font-weight: 400;
		}
		
		ul.list li:before {
			font-family: 'fontello';
			font-size: 18px;
			left: 0;
			position: absolute;
			top: 0;
			color: #e74c3c;
		}
		
		ol.list {
			list-style: none; 
			counter-reset: point;
			font: 0;
		}
		
			ol.list li {
				padding-left: 30px;
				position: relative;
			}
			
			ol.list li:before {
				content: counter(point)'\.'; 
				counter-increment: point 1; 
				font-size: 18px; 
				position: absolute;
				left: 0;
				top: 0;
				color: #e74c3c;
			}
			
			ul.list li.type-1:before { content: '\e8b2'; font-size: 18px; }
			ul.list li.type-2:before { content: '\ea00'; }
			ul.list li.type-3:before { content: '\e9a1'; }
			ul.list li.type-4:before { content: '\eb4f'; }
			ul.list li.type-5:before { content: '\eb43'; }
			ul.list li.type-6:before { content: '\e8c0'; }
			ul.list li.type-7:before { content: '\ec84'; }
			ul.list li.type-8:before { content: '\e853'; }
			
	/* -------------------------------------------------- */
	/*	Progress Bar
	/* -------------------------------------------------- */		
	
	.progressbar-container { margin-bottom: 70px; }
	
		.progress-bar {
			position: relative;
			margin-bottom: 18px;
		}

			.progressbar-title {
				margin-bottom: 3px;
				color: #aeaeae;
				font-size: 14px;
				font-family: 'Lato';
				font-weight: 700;
				color: #fff;
				text-transform: uppercase;
			}

			.percent {
				position: absolute;
				top: -5px;
				right: 0;
				display: block;
				color: #fff;
				font-size: 14px;
				font-family: 'Lato';
				line-height: 35px;
			}	
		
			.bar-outer {
				position: relative;
				width: 100%;
				height: 12px;
				background-color: #2f3133;
			}

				.bar {
					position: absolute;
					top: -1px;
					left: 0;
					z-index: 2;
					width: 0%;
					height: 12px;
					background-color: #e74c3c;
				}
			
			/* -------------------------------------------------- */
			/*	Social Icons
			/* -------------------------------------------------- */

			.shortcades-social-icons-container { margin-bottom: 60px; }
			
			#footer ul.social-icons { margin-top: 45px; }

			/* -------------------------------------------------- */
			/*	Shortcades Testimonials
			/* -------------------------------------------------- */
			
			.shortcades-testimanials { padding-bottom: 50px; } 
						
			/* -------------------------------------------------- */
			/*	Drop Caps
			/* -------------------------------------------------- */
			
			.drop-caps-container { margin-bottom: 50px; }
			
			.dropcap:first-letter {
				font-family: 'Lato', sans-serif;
				display: block;
				float: left;
				font-size: 39px;
				font-weight: 700;
				padding: 18px 14px;
				margin: 10px 20px 5px 0;
				color: #202223;
				background-color: #e74c3c;
				cursor: pointer;
			}
			
			.dropcap-type-2:first-letter {
				font-family: 'Lato', sans-serif;
				display: block;
				float: left;
				font-size: 41px;
				font-weight: 700;
				padding: 18px 14px;
				margin: 10px 20px 5px 0;
				color: #e74c3c;
				background-color: #202223;
				cursor: pointer;
			}
			
			/* -------------------------------------------------- */
			/*	Youtube Video
			/* -------------------------------------------------- */
			
			.youtubes { padding-bottom: 60px; }
			
			/* -------------------------------------------------- */
			/*	Lightbox
			/* -------------------------------------------------- */
			
			.buttons-lightboxes { padding-bottom: 60px; }
			
			/* -------------------------------------------------- */
			/*	Content boxes
			/* -------------------------------------------------- */
			
			.box-article {
				position: relative;
				padding: 40px 5px;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				z-index: 3;
				
				-webkit-transition: background-color .35s ease-out;
						transition: background-color .35s ease-out;
			}
			
			.box-article:hover { background-color: #e74c3c; }
						
			.box-article:hover i { color: #2f3133; }
			
				.content-circle {
					display: block;
					width: 170px;
					height: 170px;
					border: 15px solid #e74c3c;
					font: 0/0 a;
					text-align: center;
					background-color: #2f3133;
					line-height: 147px;
					margin: 0 auto 20px;
					
					-webkit-transform: scale(1);
							transform: scale(1);
					-webkit-border-radius: 50%;
							border-radius: 50%;
					-webkit-transition: all .45s ease;
							transition: all .45s ease;
				}
				
					.content-circle i {
						font-size: 60px;
						color: #fff;

						-webkit-transition: color .35s ease;
								transition: color .35s ease;
					}
				
					.content-text {	text-align: center;	}
					
						.content-boxes-title {
							font-size: 18px;
							font-family: 'Lato', sans-serif;
							font-weight: 700;
						}

						.content-text p {
							padding: 0;
							margin: 0;
							font-size: 16px;
							font-weight: 400;
							font-family: 'Roboto';	
							color: #969696;
						}

				.box-article:hover .content-circle {
					border-color: #2f3133;
					background-color: #fff;
					
					-webkit-transform: scale(1.075);
							transform: scale(1.075);
					-webkit-transition: -webkit-transform .45s cubic-bezier(0.175, 0.885, 0.420, 2.275); 
							transition: transform .45s cubic-bezier(0.175, 0.885, 0.420, 2.275); 
				}
				
				.box-article .content-circle:hover {
					-webkit-transform: scale(1.1);
							transform: scale(1.1);
					-webkit-transition: -webkit-transform .45s cubic-bezier(0.175, 0.885, 0.420, 2.275);
							transition: transform .45s cubic-bezier(0.175, 0.885, 0.420, 2.275); 
				}
				
				.box-article:hover p { color: #2f3133; }
				
		/* -------------------------------------------------- */
		/*	Row-articles circles
		/* -------------------------------------------------- */
		
		.row-article {
			position: relative;
			padding: 0px 5px 0px;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;

			-webkit-transition: background-color .35s ease-out;
					transition: background-color .35s ease-out;
		}
		
		.row-article:hover { background-color: inherit; }
		
		.row-article:hover i { color: #fff; }
		
		.row-circle {
			display: block;
			width: 90px;
			height: 90px;
			font: 0/0 a;
			text-align: center;
			background-color: #2f3133;
			line-height: 86px;
			margin: 0px auto 34px;

			-webkit-transform: scale(1);
					transform: scale(1);
			-webkit-border-radius: 50%;
					border-radius: 50%;
			-webkit-transition: background-color .35s ease, color .45s ease, -webkit-transform .45s ease;
					transition: background-color .35s ease, color .45s ease, transform .45s ease;
		}
		
		.row-circle-icon {
			font-size: 30px;
			color: #e74c3c;

			-webkit-transition: color .45s ease-out;
					transition: color .45s ease-out;
		}
		
		.row-article:hover .row-circle {
			border-color: #2f3133;
			background-color: #e74c3c;

			-webkit-transform: scale(1.075);
					transform: scale(1.075);
			-webkit-transition: -webkit-transform .45s cubic-bezier(0.175, 0.885, 0.420, 2.275); 
					transition: transform .45s cubic-bezier(0.175, 0.885, 0.420, 2.275); 
		}
		
		.row-article .row-circle:hover {
			-webkit-transform: scale(1.1);
					transform: scale(1.1);
			-webkit-transition: -webkit-transform .45s cubic-bezier(0.175, 0.885, 0.420, 2.275);
					transition: transform .45s cubic-bezier(0.175, 0.885, 0.420, 2.275); 
		}
		
			.row-article:hover p { color: #969696; }
				
	/* -------------------------------------------------- */
	/*	Services 
	/* -------------------------------------------------- */
	
	.services-title {
		padding: 0 70px 45px;
		font-size: 46px;
		font-family: 'Lato';
		color: #fff;
		text-align: center;
		text-transform: uppercase;
	}
	
		.box-article-container { margin-bottom: 120px; }
	
		/* -------------------------------------------------- */
		/*	Main Services
		/* -------------------------------------------------- */

		.service-article {
			margin: 0;
			font-weight: 400;
		}
		
			.service-image { margin-bottom: 20px; }
			
			.service-description h4 {
				font-size: 18px;
				font-family: 'Lato';
				font-weight: 700;
				
				-webkit-transition: color .35s ease;
						transition: color .35s ease;
			}
			
				.service-description h4:hover {	color: #e74c3c;	}
			
		/* -------------------------------------------------- */
		/*	Side Gallery Post
		/* -------------------------------------------------- */
        
		.side-gallery-panel { 
                    position: relative;
                    z-index: 3; 
                }
		
		.side-gallery-panel p {	margin-bottom: 40px; }
	
		.side-gallery-title {
			font-size: 24px;
			text-transform: uppercase;
			font-family: 'Lato';
			font-weight: 700;
		}
		
		.side-meta {
			font-family: 'Roboto';
			font-weight: 700;
			font-size: 12px;
			text-transform: uppercase;
			margin-bottom: 25px;
		}

		.side-meta-title { color: #e74c3c; }

			.side-text { color: #fff; }
		
		.side-like {
			font-size: 14px;
			font-family: 'Roboto';
			margin-bottom: 25px;
			display: inline-block;
			z-index: 5;
			
			-webkit-transition: color .35s ease;
					transition: color .35s ease;
		}
		
			.side-like i {
				-webkit-transition: color .35s ease;
						transition: color .35s ease;
			}
                        
			.side-like span { color: #969696; }
		
		.side-share {
			margin-bottom: 30px;
			text-transform: uppercase;
			font-family: 'Roboto';
			font-size: 12px;
			font-weight: 700;
			color: #696969;
			z-index: 3;
			
			-webkit-backface-visibility: hidden;/*Fix for chrome*/
			-webkit-transform: translateX(0);/*Fix for chrome*/
			 backface-visibility: hidden;
		}
		
		/*For single 2-3 gallery*/
		.side-share:hover i,
		.side-share:hover span { color: #fff; }
		/*end single 2-3 gallery*/
		
		.side-share span {
			color: #969696;
			z-index: 3;
			
			-webkit-transition: color .35s ease;
				    transition: color .35s ease;
		}
			.side-share .social-icons {
				display: inline-block;
				margin-left: 25px;
				vertical-align: middle;
				z-index: 3;
			}
			
			.side-share .social-icons ul { z-index: 4; }
			
			.ie8 .side-share .social-icons { margin-left: 5px;}
			
			.side-gallery-panel .side-share .social-icons i { color: #696969; }
			
			.side-gallery-panel .side-share .social-icons a:hover i { color: #fff; }
			
			.side-like a:hover i { color: #fff; }
			
			.side-share a:hover i { color: #fff; }
			
			.side-share a:hover span { color: #fff; }
			
	/* -------------------------------------------------- */
	/*	Side Gallery Post Nav
	/* -------------------------------------------------- */		
			
	.side-nav {
		padding: 5px;
		margin-bottom: 85px;
	}

	.side-nav span {
		color: #e74c3c;
		margin: 5px;
		font-size: 12px;
		font-family: 'Roboto';
		font-weight: 700;
		text-transform: uppercase;
	}

	.side-nav .prev,
	.side-nav .next,
	.side-nav .central {
		position: relative;
		margin: 2px;
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		background-color: #424344;
		border-width: 3px;
		border-style: solid;
		border-color: #696b6c;
		font-size: 0;

		-webkit-border-radius: 50%;
				border-radius: 50%;
		-webkit-transition: background-color .35s ease, border-color .45s ease;
				transition: background-color .35s ease, border-color .45s ease;
	}

	.side-nav .prev:hover,
	.side-nav .next:hover,
	.side-nav .central:hover {
		color: #fff;	
		background-color: #ffc800;
		border-color: #ffc800;
	}

		.side-nav *:after {
			position: absolute;
			top: 0;
			display: block;
			width: 100%;
			height: 100%;
			text-align: center;
			line-height: 40px;
			font-family: 'fontello';
			font-size: 14px;
			color: #696b6c;

			-webkit-transition: color .35s ease;
					transition: color .35s ease;
		}

		.side-nav .prev:after		{ content: '\e8b4'; }
		.side-nav .next:after		{ content: '\e8b5'; }
		.side-nav .central:after	{ content: '\e837'}

		.side-nav .prev:hover:after		{ color: #fff; }
		.side-nav .next:hover:after		{ color: #fff; }
		.side-nav .central:hover:after	{ color: #fff; }

	/* -------------------------------------------------- */
	/*	Relative Works
	/* -------------------------------------------------- */							
	
		.rel-works {
			font-size: 0;
		}
		
		.rel-works li {
			position: relative;
			display: inline-block;
			vertical-align: top;
			padding: 1px;
		}

		.rel-works.col-4 li { width: 25%; }
		.rel-works.col-5 li { width: 20%; }
		
		.buttons-lightboxes .rel-works { display: block; }
		
	/* -------------------------------------------------- */
	/*	Headers
	/* -------------------------------------------------- */							
	
		.rel-works.header-items { font-size: 0; }
		
		.rel-works.header-items li {
			vertical-align: middle;
			margin-bottom: 40px;
		}

		.rel-works.header-items.col-4 li { width: 100%; }

			.rel-works.header-items .work-item img { padding: 0px 1px; }
			
			/*  mouseover effect  */
			.work-item-move {
				background-color: #1b1d1f;
				position: relative;                           
				overflow: hidden;
				
				-webkit-backface-visibility: hidden;/*Fix for chrome*/
				-webkit-transform: translateX(0);/*Fix for chrome*/
			}
			
			.work-item-move:hover {	opacity: 1;	}
			
				.work-item-move img {
					position: absolute;
					left:-15%;
					top:-15%;
					max-width: 130%;
					opacity: .5;
					
					-webkit-transition: all .35s ease;
							transition: all .35s ease;
				}
				
					div.full-width img { opacity: 1; display: block;}
				
				.work-item-move:hover img {
					opacity: 1;
					
					-webkit-transition: all .35s ease;
							transition: all .35s ease;
				}
				
				.gr-box .work-item-move {
					float: left;
					width: 1100px;
				}
				
					.gr-box .work-item-move img {
						position: absolute;
						left:-15%;
						top:-15%;
						max-width: none;

						-webkit-transition: opacity .6s ease, background .6s ease;
								transition: opacity .6s ease, background .6s ease;
					}
                        
				.work-item-move:hover .image-extra { 				
					opacity: 1;
					filter: alpha(opacity = 100);
				}
			
				.work-item-move .extra-content {
					display: inline-block;
					padding: 0 15px;
					vertical-align: middle;					
					margin-top: 18px;	
					opacity: 1;
					
					-webkit-transform: none;
							transform: none;

					-webkit-transition: opacity .55s ease, -webkit-transform .35s ease-out;
							transition: opacity .55s ease, transform .35s ease-out;
				}
				
				.work-item-move .extra-title {                                    
					background-color: #000;
					background-color: rgba(0,0,0,.5);
					color: #fff;
				}
			
			.full-width.work-item-move {                                    
				opacity: 1;
				cursor: pointer;
				z-index: 2;
			}
			
			.full-width.work-item-move img { display: block;}
			/*  end mouseover effect  */
			
/* -------------------------------------------------- */
/*	Classic Image slider
/* -------------------------------------------------- */	

.classic-image-slider { margin-bottom: 35px; }
.classic-video { margin-bottom: 35px; }

.classic-nav { text-align: center; }

	.classic-nav .side-nav { margin-bottom: 55px; }
	
/* -------------------------------------------------- */
/*	Full width gallery post
/* -------------------------------------------------- */	

	.full-width-text {
		text-align: center;
		padding-left: 100px;
		padding-right: 100px;
	}
	
/* ---------------------------------------------------------------------- */
/*	Portfolio
/* ---------------------------------------------------------------------- */
	
	.folio-menu {
		margin: 0;
		padding: 0;
	}
	
		.folio-menu li {
			display: inline-block;
			float: left;
			margin-right: 40px;
			font-size: 14px;
			font-family: 'Lato';
			color: #969696;
		}
		
		.folio-menu li:hover a { color: #e74c3c; }
		
		.portfolio-items li {
			display: inline-block;
			float: left;
			margin: 2px;
			vertical-align: top;
		}
	
	/* -------------------------------------------------- */
	/*	Portfolio Filter
	/* -------------------------------------------------- */

	.portfolio-filter {
		margin-bottom: 20px;
		font-size: 0;
		width: 100%;
		line-height: 1em;
	}
	
		.portfolio-filter li {
			position: relative;
			display: inline-block;
			margin-right: 40px;
			font-size: 14px;
			font-family: 'Lato';
			color: #969696;
			cursor: pointer;
			padding-bottom: 25px;
			
			-webkit-transition: all .25s ease;
					transition: all .25s ease;
		}

		.portfolio-filter li:hover { color: #e74c3c; }
		
		.portfolio-filter li.active {color: #e74c3c; }
		
		.classic-text {
			padding: 0;
			margin: 0;
		}
		
	/* -------------------------------------------------- */
	/*	Portfolio Items
	/* -------------------------------------------------- */
	
	.portfolio-items { font-size: 0; }

		.portfolio-items article {
			position: relative;
			display: inline-block;
			vertical-align: top;
			padding: 1px;
		}
		
		.portfolio-items.col-2 article { width: 50%; }
		.portfolio-items.col-3 article { width: 33.3%; }
		.portfolio-items.col-4 article { width: 25%; }
		.portfolio-items.col-5 article { width: 20%; }
		.portfolio-items.col-6 article { width: 16.666%; }
		
		.portfolio-items .mix { display: none; }
		
			.portfolio-items img { display: block; }

			.portfolio-paging {
				background-color: transparent;
				
				-webkit-transition: background-color .25s ease;
						transition: background-color .25s ease;
			}	
			
				.portfolio-paging .load-more {
					padding: 17px 0;
					display: block;
					color: #e74c3c;
					text-transform: uppercase;
					font-weight: 700;
					font-size: 13px;
					font-family: 'Roboto', sans-serif;
					
					-webkit-transition: all .25s ease;
							transition: all .25s ease;
				}
				
				.portfolio-paging:hover .load-more { color: #000; }
				
		.work-item {
			position: relative;
			overflow: hidden;
			z-index: 3;
			
			-webkit-backface-visibility: hidden;/*Fix for chrome*/
			-webkit-transform: translateX(0);/*Fix for chrome*/
		}
		
			.work-item img {
				display: block;
				
				-webkit-transition: -webkit-transform .25s ease-in-out, opacity .6s ease;
						transition: transform .25s ease-in-out, opacity .6s ease;
			}
			
				.rel-works .work-item img {	padding: 0px 1px; }
			
			.work-item:hover img {
				-webkit-transform: scale(1.2);
						transform: scale(1.2);
			}
		
			.image-extra {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 3;
				overflow: hidden;
				width: 100%;
				height: 100%;
				text-align: center;
				opacity: 0;
				filter: alpha(opacity = 0);
				
				-webkit-transition: opacity .35s ease-out, background-color .35s ease-out;
					transition: opacity .35s ease-out, background-color .35s ease-out;
			}
			
			.work-item:hover .image-extra { 
				background-color: #e74c3c;
				background-color: rgba(250, 201, 1, 0.86);
				opacity: 1;
				filter: alpha(opacity = 100);
			}

			.image-extra:before {
				display: inline-block;
				height: 100%;
				vertical-align: middle;
				content: "";
			}

				.extra-content {
					display: inline-block;
					padding: 0 15px;
					vertical-align: middle;
					opacity: 0;
					margin-top: 18px;
					
					-webkit-transform: scale(0);
							transform: scale(0);
					-webkit-transition: opacity .55s ease, -webkit-transform .35s ease-out;
							transition: opacity .55s ease, transform .35s ease-out;
				}
				
					.extra-descript {
						font-size: 14px;
						border: none;
						border-color: transparent;
						display: block;
						
						-webkit-transition: opacity .15s ease, -webkit-transform .15s ease;
								transition: opacity .15s ease, transform .15s ease;
					}
					
					.small-font .extra-descript { font-size: 12px;}
				
				.work-item:hover .extra-content {
					opacity: 1;
					
					-webkit-transform: scale(1);
							transform: scale(1);
					-webkit-transition-delay: 0.1s;
							transition-delay: 0.1s;
							
					-webkit-transition: opacity .35s ease, -webkit-transform .35s ease;
							transition: opacity .35s ease, transform .35s ease;
					}

					.extra-title  { 
						margin-bottom: 6px;
						color: #fff;
						font-size: 20px;
						font-family: 'Lato', sans-serif;
						font-weight: 700;
						text-transform: uppercase;
						padding: 10px 13px;
						border: 1px solid;
						display: inline-block;
						
						-webkit-transition: opacity .15s ease, -webkit-transform .15s ease;
								transition: opacity .15s ease, transform .15s ease;
					}
					
					.small-font .extra-title {
						padding: 5px 9px;
						font-size: 16px;
					}
						
	/* -------------------------------------------------- */
	/*	Portfolio Single
	/* -------------------------------------------------- */
	
	.project-single-entry .image-slider { margin-bottom: 40px; }
	
		.project-page-header {
			position: relative;
			margin-bottom: 55px;
		}

			.project-page-header .project-title {
				padding-right: 115px;
				color: #5b5e60;
				font-weight: 100;
				font-size: 60px;
				text-transform: uppercase;
			}

		/* Project Nav */

		.project-nav {
			position: absolute;
			top: 50%;
			right: 0;
			margin-top: -15px;
			font: 0/0 a;
		}

			.project-nav li {
				display: inline-block;
				margin-left: 20px;
				vertical-align: top;
			}

				.project-nav li a {
					display: block;
					font: 0/0 a;
					cursor: pointer;
					z-index: 10;				
				}

				.project-nav li a:after {
					display: block;
					color: #aeaeae;
					font-size: 36px;
					font-family: 'fontello';
					text-align: center;
					line-height: 35px;
					content: "";
				}

				.project-nav .prev:after		 { content: "\ea07"; }
				.project-nav .next:after		 { content: "\ea08"; }
				.project-nav .all-projects:after { content: "\eac0"; font-size: 30px; }
	
				.project-nav li a:hover:after { color: #00c2a9; }
				
	/* Project Meta */
	
	.project-meta { margin-bottom: 25px; }
	
		.project-meta li { margin-bottom: 15px; }

			.project-meta-title {
				color: #00c2a9;
				font-weight: 400;
				font-size: 16px;
				font-family: 'Roboto Condensed', sans-serif;
				line-height: 1em;
			}

			.project-meta .project-meta-date {
				color: #aeaeae;
				font-size: 16px;
				line-height: 1em;
			}
			
	/* Project Similar Posts */
	
	.project-similar { font-size: 0; }
	
		.project-similar li {
			display: inline-block;
			width: 20%;
			border-left: 1px solid #fff;
			border-bottom: 1px solid #fff;
			vertical-align: top;
		}
		
		.row .project-similar li { width: 33.33333333333333%; }
		
		.load-more {
			text-align: center;
			
			-webkit-transition: all .35s ease;
					transition: all .35s ease;
		}
		
		.load-more:hover { background-color: #e74c3c; }
				
			.load-more a {
				display: block;
				font-family: 'Roboto';
				font-size: 12px;
				font-weight: 700;
				color: #e74c3c;
				text-transform: uppercase;
				padding: 15px 0;
			}
		
			.load-more:hover a { color: #000; }
			
	/* ------------------------------------------------------------ */
	/*	Contact
	/* ------------------------------------------------------------ */		
	
	.contact-info {
		font-family: 'Roboto';
		font-size: 16px;
		font-weight: 400;
	}
	
		.textwidget.contact-info p {
			color: #969696;
		}
	
	.contact-widget h4 {
		font-family: 'Lato';
		font-size: 18px;
	}
		
	.contact-widget i { margin-right: 22px; }
	
	.contact-form input.verify {
		vertical-align: top;
		width: 75px;
		height: 40px;
		display: inline-block;
		margin-left: -17px;
	}
	
	#captcha iframe {	
		width: 100px;
		overflow: scroll;
		margin: 0; 
		border: none;
	}
	
	#captcha { display: none; }
	
	.input-block-last {
		display: inline-block;
		float: right;
	}
	
	.menu-3-header ul.contact-details li {
		display: inline-block;
		float: none;
	}
	
		/* --------------------------------------------------- */
		/*	Map
		/* --------------------------------------------------- */

		.google_map { 
			position: relative;
			width: 100%;
			height: 540px;
		}

			.google_map img { max-width: none; }
	
	/* ------------------------------------------------------- */
	/*	Sly gallery
	/* ------------------------------------------------------- */
	
	.scroll-box {
		height: auto;
		overflow: auto;
		position: relative;
	}
	
		.gr-box { width: 6600px; }
                    
                    .gr-box.type-2{ width: 6934px; }
		
			.gr-box img { float: left; }

	.sly-wrapper {
		background-color: #2f3133;
		margin: 0;
		display: block;
	}
	
		.side-gallery-full-width {
			float: left;
			padding: 45px 60px;
			max-width: 387px;

		}
		
		.ie8 .side-gallery-full-width {	
			max-width: 246px; 
			float: left; 
		}
	
		.sly-wrapper .sly-slider {	display: table;	}
		
		.sly-wrapper .side-nav { margin: 0; }
		
			.sly-wrapper .side-nav .prev,
			.sly-wrapper .side-nav .next,
			.sly-wrapper .side-nav .central {
				background-color: #2f3133;
			}
			
			.sly-wrapper .side-nav .prev:hover,
			.sly-wrapper .side-nav .next:hover,
			.sly-wrapper .side-nav .central:hover {
				background-color: #e74c3c;
			}
			
			@media only screen and (min-width: 768px) {
				.side-share .social-icons li {
					opacity: 0;

					-webkit-transform: translateX(30px);
							transform: translateX(30px);
					-webkit-transition-duration: .2s;
							transition-duration: .2s;
				}

				.side-share:hover .social-icons li {
					opacity: 1;

					-webkit-transform: translateX(0);
							transform: translateX(0);
					-webkit-transition-property: -webkit-transform, opacity;
							transition-property: transform, opacity;
					-webkit-transition-duration: 300ms;
							transition-duration: 300ms;
				}

				.side-share .social-icons li:nth-child(1) { transition-delay: 0.90s; }
				.side-share .social-icons li:nth-child(2) { transition-delay: 0.75s; }
				.side-share .social-icons li:nth-child(3) { transition-delay: 0.60s; }
				.side-share .social-icons li:nth-child(4) { transition-delay: 0.45s; }
				.side-share .social-icons li:nth-child(5) { transition-delay: 0.30s; }

				.side-share:hover .social-icons li:nth-child(1) { transition-delay: 0.30s; }
				.side-share:hover .social-icons li:nth-child(2) { transition-delay: 0.45s; }
				.side-share:hover .social-icons li:nth-child(3) { transition-delay: 0.60s; }
				.side-share:hover .social-icons li:nth-child(4) { transition-delay: 0.75s; }
				.side-share:hover .social-icons li:nth-child(5) { transition-delay: 0.90s; }
			}

/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */

#footer { background-color: #202223; }

	.entry-footer {
		position: relative;
		overflow: hidden;
		padding: 75px 0;
		width: 100%;
		z-index: 0;
	}
	
		.offers h1 {
			margin-bottom: 0;		
			font-family: 'Lato', sans-serif;
			font-size: 30px;
			font-weight: 700;
			text-align: center;
			text-transform: uppercase;
		}
			
		/* ---------------------------------------------------------------------- */
		/*	Clients 
		/* ---------------------------------------------------------------------- */

		.clients-container {			
			position: relative;
			background-color: #e74c3c;
			overflow: hidden;
			padding: 25px 0;
			width: 100%;
			z-index: 2;
		}
		
			.client-items {
				font-size: 0;
				text-align: center;
			}
			
				.client-items li {	
					display: inline-block;
					padding: 0 25px;
					vertical-align: middle;
				}
				
					.client-items img {	vertical-align: middle;	}
			
		/* ---------------------------------------------------------------------- */
		/*	Footer Widget
		/* ---------------------------------------------------------------------- */

		.widget-area { padding: 75px 0 100px; }

		.contacts-table {
			padding: 100px 0;
			position: relative;
			width: 100%;
		}

			#footer .widget-title {
				font-family: 'Lato', sans-serif;
				font-size: 18px;
				font-weight: 700;
			}

				.textwidget > p {
					font-family: 'Roboto', sans-serif;
					font-size: 15px;
					margin: 0;
					color: #656565;
					font-weight: 500;
				}

					.textwidget a {
						font-weight: 700;
						color: #e74c3c;
					}

			#footer .widget_social { padding-top: 50px; }

				.social-links {
					display: inline-block;
					vertical-align: middle;
				}

					.social-links  > ul { margin: 0;	}

						.social-links li {
							display: block;
							margin-left: 9px;
							float: left;
						}

							.social-links a > i {
								position: relative;
								margin: 0;
								display: inline-block;
								width: 45px;
								height: 45px;
								text-align: center;
								color: #454748;
								font-size: 20px;
								border-width: 3px;
								border-style: solid;
								line-height: 40px;
								font-size: 20px;

								-webkit-border-radius: 50%;
										border-radius: 50%;
								-webkit-transition: all .35s ease-out;
										transition: all .35s ease-out;
							}

							.social-links a:hover i {
								color: #fff;
								border-color: #fff;
							}

				#footer .widget_twitter h5 {
					font-family: 'Lato', sans-serif;
					font-weight: 700;
					font-size: 18px;	
				}

					.tweet_text {
						color: #696b6c;
						font-family: 'Roboto';
						font-size: 16px;
						margin: 0;
					}

						.tweet_text a {
							color: #656565;
							font-family: 'Roboto';
							font-size: 16px;
							margin: 0;
							font-weight: 400;
						}

					.tweet_time a {
						font-family: 'Roboto';
						font-weight: 700;
						font-size: 12px;
						color: #ababab;
					}

				/* ---------------------------------------------------------------------- */
				/*	Bottom footer
				/* ---------------------------------------------------------------------- */			

				.bottom-footer {
					padding: 20px 0;
					background-color: #1b1d1f;
				}

					.copyright,
					.developed {
						font-size: 12px;
						color: #656565;
					}
					
/* ---------------------------------------------------------------------- */
/*	Other
/* ---------------------------------------------------------------------- */

	/* -------------------------------------------------- */
	/*	Back Top
	/* -------------------------------------------------- */

	#back-top {
		position: fixed;
		right: 40px;
		bottom: 40px;
		z-index: 999;
		display: none;
		width: 50px;
		height: 50px;
		background-color: #fff;
		background-color: rgba(255,255,255,.25);
		text-align: center;
		
		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
		-webkit-transition: all .25s ease;
				transition: all .25s ease;
		-webkit-transition-duration: 1200ms;
				transition-duration: 1200ms;
		-webkit-border-radius: 50%;
				border-radius: 50%;
	}
	
	#back-top:after {
		width: 40px;
		height: 40px;
		text-align: center;
		color: #e1e1e1;
		font-size: 20px;
		font-family: 'fontello';
		content: "\ed4e";
		line-height: 48px;
		
		-webkit-transition: all .25s ease;
				transition: all .25s ease;
	}
	
	#back-top:hover {
		border-color: transparent;
		background-color: #e74c3c;
	}
	
	#back-top:hover:after { color: #fff; }
	
	/*  Fix fix IE8 Owl Carousel  */
	.ie8 #owl-slider		{ width: 1210px;}
	.ie8 #image-slider		{ width: 769px;  }
	.ie8 #full-gallery-slider       { width: 1170px;}
	
	/* -------------------------------------------------- */
	/*	Loader
	/* -------------------------------------------------- */
	
	.lazy-image {
		-webkit-transition: opacity .35s ease;
			transition: opacity .35s ease;
	}

		.img img {
			opacity: 0;

			-webkit-transition-delay: .5s;
					transition-delay: .5s;
		}
	
	.lazy {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 120px;
		height: 14px;
		margin-top: -7px;
		margin-left: -42px;
	}

	.G {
		position:absolute;
		background-color:#fff;
		width:10px;
		height:10px;
		
		-moz-animation-name:bounce_fountainG;
		-moz-animation-duration:1.3s;
		-moz-animation-iteration-count:infinite;
		-moz-animation-direction:linear;
		-moz-transform:scale(.3);
		-moz-border-radius:19px;
		-webkit-animation-name:bounce_fountainG;
		-webkit-animation-duration:1.3s;
		-webkit-animation-iteration-count:infinite;
		-webkit-animation-direction:linear;
		-webkit-transform:scale(.3);
		-webkit-border-radius:19px;
		-ms-animation-name:bounce_fountainG;
		-ms-animation-duration:1.3s;
		-ms-animation-iteration-count:infinite;
		-ms-animation-direction:linear;
		-ms-transform:scale(.3);
		-ms-border-radius:19px;
		-o-animation-name:bounce_fountainG;
		-o-animation-duration:1.3s;
		-o-animation-iteration-count:infinite;
		-o-animation-direction:linear;
		-o-transform:scale(.3);
		-o-border-radius:19px;
		animation-name:bounce_fountainG;
		animation-duration:1.3s;
		animation-iteration-count:infinite;
		animation-direction:linear;
		transform:scale(.3);
		border-radius:19px;
	}

		.G_1 {
			left:0;
			-moz-animation-delay:0.52s;
			-webkit-animation-delay:0.52s;
			-ms-animation-delay:0.52s;
			-o-animation-delay:0.52s;
			animation-delay:0.52s;
		}

		.G_2 {
			left:10px;
			-moz-animation-delay:0.65s;
			-webkit-animation-delay:0.65s;
			-ms-animation-delay:0.65s;
			-o-animation-delay:0.65s;
			animation-delay:0.65s;
		}

		.G_3 {
			left:20px;
			-moz-animation-delay:0.78s;
			-webkit-animation-delay:0.78s;
			-ms-animation-delay:0.78s;
			-o-animation-delay:0.78s;
			animation-delay:0.78s;
		}

		.G_4 {
			left:30px;
			-moz-animation-delay:0.91s;
			-webkit-animation-delay:0.91s;
			-ms-animation-delay:0.91s;
			-o-animation-delay:0.91s;
			animation-delay:0.91s;
		}

		.G_5 {
			left:40px;
			-moz-animation-delay:1.04s;
			-webkit-animation-delay:1.04s;
			-ms-animation-delay:1.04s;
			-o-animation-delay:1.04s;
			animation-delay:1.04s;
		}

		.G_6 {
			left:50px;
			-moz-animation-delay:1.17s;
			-webkit-animation-delay:1.17s;
			-ms-animation-delay:1.17s;
			-o-animation-delay:1.17s;
			animation-delay:1.17s;
		}

		.G_7 {
			left:60px;
			-moz-animation-delay:1.3s;
			-webkit-animation-delay:1.3s;
			-ms-animation-delay:1.3s;
			-o-animation-delay:1.3s;
			animation-delay:1.3s;
		}

		.G_8 {
			left:70px;
			-moz-animation-delay:1.43s;
			-webkit-animation-delay:1.43s;
			-ms-animation-delay:1.43s;
			-o-animation-delay:1.43s;
			animation-delay:1.43s;
		}

		
@-moz-keyframes bounce_fountainG {
	0% {
		-moz-transform:scale(1);
		background-color:#fff;
	}

	100% {
		-moz-transform:scale(.3);
		background-color:#fff;
	}
}

@-webkit-keyframes bounce_fountainG {
	0% {
		-webkit-transform:scale(1);
		background-color:#fff;
	}

	100% {
		-webkit-transform:scale(.3);
		background-color:#fff;
	}

}

@-ms-keyframes bounce_fountainG {
	0% {
		-ms-transform:scale(1);
		background-color:#fff;
	}

	100% {
		-ms-transform:scale(.3);
		background-color:#fff;
	}
}

@-o-keyframes bounce_fountainG {
	0% {
		-o-transform:scale(1);
		background-color:#fff;
	}

	100% {
		-o-transform:scale(.3);
		background-color:#fff;
	}

}

@keyframes bounce_fountainG {
	0% {
		transform:scale(1);
		background-color:#fff;
	}

	100% {
		transform:scale(.3);
		background-color:#fff;
	}

} 